Components

Interactive Bento Grid

A bento grid that expands and rearranges items on hover.

Control

Monitor everything from a single, elegant panel.

Open overview

Teams

Zoom into active streams and keep them aligned.

View lanes

Signals

Surface trends with a short, focused summary.

Read insights

Monitor

Stay ahead with proactive alerts and context.

Review alerts

Flow

Launch quick automations with a single action.

Start flow

Assets

Collect every asset in one premium library.

Browse library

Installation

Using shadcn CLI

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

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge framer-motion