Bento Grid

A responsive bento grid with hover-lift cells and a large feature cell.

Free

Realtime sync engine

Every change propagates instantly across sessions with no manual refresh.

Fast

Sub-100ms edge reads.

🔒

Secure

Row-level isolation.

Composable

Drop it into any layout without fighting the grid.

Usage: paste this file into your project (e.g. components/bento-grid.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.