Docs
Flickering Grid
Flickering Grid
A flickering grid background made with SVGs, fully customizable using Tailwind CSS.
Installation
pnpm dlx shadcn@latest add "https://designali.in/r/styles/default/flickering-grid"
Props
| Prop | Type | Description | Default |
|---|---|---|---|
| squareSize | number | Size of each square in the grid | 4 |
| gridGap | number | Gap between squares in the grid | 6 |
| flickerChance | number | Probability of a square flickering | 0.3 |
| color | string | Color of the squares | "rgb(0, 0, 0)" |
| width | number | Width of the canvas | - |
| height | number | Height of the canvas | - |
| className | string | Additional CSS classes for the canvas | - |
| maxOpacity | number | Maximum opacity of the squares | 0.2 |