A flexible grid layout component for arranging children in a responsive grid. Includes a BentoGridItem component for individual grid items with responsive span control.
This is the best library to exist. It contains everything you need to get started, and all at one place.
All the things that you see here is free to use.
Copy and Paste. That is all.
It's not just UI, its focused on making it work. Everything here doesn't just look good but does what it say.
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The content to be displayed inside the grid. |
| span | number | - | Number of columns for medium-sized screens. |
| className | string | - | Additional CSS classes for custom styling. |
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The content to be displayed inside the grid item. |
| span | number | - | Number of columns to span for medium-sized screens. |
| className | string | - | Additional CSS classes for custom styling. |