Auto Fill Grid
A content-driven grid that automatically adapts column count based on available space and minimum item width. No breakpoints required.
Loading preview...
Installation
Usage
Loading usage example...
Props
| Name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Grid items to be rendered inside the layout |
| minItemWidth | number | 280 | Minimum width (in px) for each grid item. Column count adapts automatically. |
| gap | number | 6 | Spacing between grid items (Tailwind scale: 0–12) |
| className | string | — | Additional classes applied to the grid container |
| animate | boolean | true | Enable staggered entrance animations for grid items |
Found an issue? Open an issue on GitHub