BackgroundsNew
Flickering Grid
A grid of tiny squares that softly flicker at random. A calm canvas background.
Customize
color
Based on Flickering Grid (MIT license) · Terms of use
More in Pro
View allProps
8 properties| Property | Type | Default | Description |
|---|---|---|---|
| squareSize | number | 4 | Size of one square in pixels. |
| gridGap | number | 6 | Gap between squares in pixels. |
| flickerChance | number | 0.3 | How often squares flicker. Higher is busier. |
| color | string | "rgb(255, 255, 255)" | Square color. |
| maxOpacity | number | 0.3 | Maximum square opacity. |
| width | number | — | Width in pixels. Without it the grid fills its container. |
| height | number | — | Height in pixels. Without it the grid fills its container. |
| className | string | — | Tailwind classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge