Back to Components
Components

Feature Grid

Responsive grid of feature items with icons, titles, descriptions, and optional links.

Launch ready layouts

Compose sections quickly with reliable spacing and scale.

Browse layouts

Secure by default

Permissions, audit trails, and access policies in one place.

Theme aware tokens

Light and dark styles that stay on brand without rework.

Learn more

Automation hooks

Trigger workflows whenever teams ship or publish updates.

Layered experiences

Build rich surfaces that still feel fast and focused.

Delightful polish

Micro interactions that keep every page feeling premium.

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/feature-grid.tsx

Installation

Using shadcn CLI

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

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge