Bento Grid 2
An alternating height bento grid with short and tall card variants. Perfect for balanced feature showcases with visual rhythm.
Loading preview...
Installation
Usage
Loading usage example...
BentoGrid Props
| Name | Default | Description |
|---|---|---|
| children | — | BentoCard2 components to display in the grid |
| className | — | Additional CSS classes for the grid container |
| animate | true | Enable staggered fade-in animations |
BentoCard Props
| Name | Default | Description |
|---|---|---|
| title | — | Card title/heading |
| description | — | Card description text |
| icon | — | Icon element to display (Remix Icons recommended) |
| href | # | Link URL for the CTA |
| cta | Learn more | Call-to-action text |
| pattern | dots | Subtle background pattern (opacity ~5%) |
| className | — | Grid positioning classes (lg:col-start, lg:row-start, etc.) |
Found an issue? Open an issue on GitHub