Installation
Examples
Rounded
Usage
import { FlickeringGrid } from "@/components/magicui/flickering-grid";<FlickeringGrid />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 |