Animated Grid Pattern
A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Installation
CLI
// Installation command here
Manual
// Manual installation steps here
Usage
// Usage example here
Props
GridPattern
| Prop | Type | Default | Description |
|---|---|---|---|
className |
string |
- |
Additional classes to be added to the pattern |
width |
number |
40 |
Width of the pattern |
height |
number |
40 |
Height of the pattern |
x |
number |
-1 |
X offset of the pattern |
y |
number |
-1 |
Y offset of the pattern |
strokeDasharray |
number |
0 |
Stroke dash array of the pattern |
numSquares |
number |
200 |
Number of squares in the pattern |
maxOpacity |
number |
0.5 |
Maximum opacity of the pattern |
duration |
number |
1 |
Duration of the animation |
repeatDelay |
number |
0.5 |
Repeat delay of the animation |