ShowcaseBackgrounds
Animated Grid Pattern
A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Animated Grid Pattern
Installation
Props
| Prop | Type | Default |
|---|---|---|
className | string | - |
width | number | 40 |
height | number | 40 |
x | number | -1 |
y | number | -1 |
strokeDasharray | number | 0 |
numSquares | number | 200 |
maxOpacity | number | 0.5 |
duration | number | 1 |
repeatDelay | number | 0.5 |