Dev Design Library

Bento Grid

A complete canvas of rounded cards or organically interlocking pieces. Compose a layout, then install just the lightweight renderer.

Bento Grid preview
Library
Cojeev UI
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add https://cojeev.com/ui/r/bento-grid.json
Files
  • registry/cojeev/ui/bento-grid.tsx
  • registry/cojeev/styles/bento-grid.css
  • registry/cojeev/lib/utils.ts
  • registry/cojeev/lib/appearance-tokens.ts
  • registry/cojeev/lib/assembly-geometry.ts
  • registry/cojeev/lib/bento-layout.ts
  • registry/cojeev/lib/bloom-engine.ts
  • registry/cojeev/lib/chart-geometry.ts
Source
https://github.com/luv-jeri/cojeev-ui

Categories

More from Cojeev UI