AnimatedGridPattern
SVG grid where individual cells fade in and out at random with stagger. Adds subtle ambient motion to section backgrounds.
When to Use
- Feature section backgrounds on dark or light themes.
- Empty state illustrations needing subtle life.
- Hero backgrounds when Aurora or RetroGrid feel too heavy.
Animated Grid
API Reference
AnimatedGridPattern
| Property | Type | Default | Description |
|---|---|---|---|
| CellSize | int | 40 | Grid cell size in pixels. |
| MaxLit | int | 10 | Maximum number of simultaneously illuminated cells. |
| Cols | int | 20 | Approximate number of columns. |
| Rows | int | 12 | Approximate number of rows. |
Related Components
- RetroGrid — Perspective grid floor with scroll animation.
- AuroraBackground — Multi-layer gradient aurora effect.