Column Grid
A responsive grid layout with fixed columns that smoothly adapts across all screen sizes with beautiful animations.
Loading preview...
Installation
Usage
Loading usage example...
Props
| Name | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | The content to be displayed in grid cells |
| columns | object | { default: 1, sm: 2, md: 2, lg: 3, xl: 4 } | Number of columns at each breakpoint |
| gap | number | 6 | Space between grid items (1-12) |
| className | string | — | Additional CSS classes |
| animate | boolean | true | Enable staggered entrance animations |
Found an issue? Open an issue on GitHub