Flickering Grid
A flickering grid background made with SVGs, fully customizable using Tailwind CSS.
Installation
CLI
Examples
Rounded
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
squareSize |
number |
4 |
Size of each square in the grid |
gridGap |
number |
6 |
Gap between squares in the grid |
flickerChance |
number |
0.3 |
Probability of a square flickering |
color |
string |
"rgb(0, 0, 0)" |
Color of the squares |
width |
number |
- |
Width of the canvas |
height |
number |
- |
Height of the canvas |
className |
string |
- |
Additional CSS classes for the canvas |
maxOpacity |
number |
0.2 |
Maximum opacity of the squares |