Block
Features Card Grid
A three column grid of feature cards for quick scanning.
Feature grid
A three column layout built for fast scanning
Keep your core value props in a simple grid that feels spacious and premium. Every card keeps hierarchy and contrast intact.
Launch-ready templates
Start from polished layouts and tailor them to your product in minutes.
Realtime collaboration
Keep design, product, and marketing aligned with shared sections.
Secure by default
Enterprise-grade controls without slowing down your release cycle.
Performance tracking
Measure conversion impact from each section you ship.
Cloud delivery
Push updates globally and keep pages fast everywhere.
Automation hooks
Trigger workflows and updates when your product changes.
Dependencies
- lucide-react
Files
- components/blocks/features-card-grid.tsx
Installation
Using shadcn CLI
npx shadcn add features-card-grid --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install lucide-react