Staggered Grid
Cards & Layout
A grid layout where children animate in with a staggered fade-up effect as they enter the viewport.
Loading preview...
Customize
Columns3
Stagger Delay0.08
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode[] | — | Array of child elements to render in the grid. |
className | string | '' | Additional CSS classes. |
columns | number | 3 | Number of grid columns. |
staggerDelay | number | 0.08 | Delay between each child animation in seconds. |