Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.
Derived from this item’s props table, because it declares no controls of its own. Changes drive the preview live.
import { AnimatedGridPattern } from "@/components/ui/animated-grid-pattern"<AnimatedGridPattern />| 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 |