Back to Blocks
Block

Features Card Grid

A three column grid of feature cards for quick scanning.

Preview

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.

See full preview above

Installation

Using shadcn CLI

npx shadcn add features-card-grid --url https://ui.hampton.io

Dependencies

npm install lucide-react