Animated Grid Pattern
Installation
npx shadcn@latest add "https://magicui.design/r/animated-grid-pattern"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 |