Animated Grid Pattern
Installation
npx shadcn@latest add "https://magicui.design/r/animated-grid-pattern"Props
GridPattern
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | Additional classes to be added to the pattern | - |
| width | number | Width of the pattern | 40 |
| height | number | Height of the pattern | 40 |
| x | number | X offset of the pattern | -1 |
| y | number | Y offset of the pattern | -1 |
| strokeDasharray | number | Stroke dash array of the pattern | 0 |
| numSquares | number | Number of squares in the pattern | 200 |
| maxOpacity | number | Maximum opacity of the pattern | 0.5 |
| duration | number | Duration of the animation | 1 |
| repeatDelay | number | Repeat delay of the animation | 0.5 |