Refinery

Bento Grid

Asymmetric masonry-style grid with variable-span cells. Commonly used for feature showcases and dashboards.

Preview

Build and Ship Fast

Spin up the project and start refining UI patterns in minutes.

> bun add @refinery/bento-grid

Installed successfully!
import BentoGrid from local modulewrap app with ThemeProviderconst mode = useTheme()<BentoCellHeader /><BentoCellBody />

Thoughtful Building Blocks

Core UI pieces that make new component experiments easier to ship.

Theme-aware UI
Reusable Cell Primitives
Motion-based Reveals
Responsive Breakpoints
Component Registry

Open and Iterative

Built in public, open source, and continuously refined with each new pass.

Open source workflow

Made for Frontend Workflows

Designed around modern frontend tooling with patterns you can extend quickly.

JSPYRBPHPJAVAGO

Composed Interactions

Layered visuals and motion combine into a reusable interactive section.