FlickeringGrid

闪烁网格 · canvas 像素方格随机明灭 + ResizeObserver 自适应 + 颜色吃主题 token(逐帧现取)

全状态

default（主题前景色 · 4px 方格）

强调色 · maxOpacity=0.5

大方格 · 低闪烁频率

密集小格 · 高频闪烁

danger 色调

Playground

squareSizegridGapflickerChancemaxOpacity

<div className="relative h-48 w-80 overflow-hidden rounded-xl">
  <FlickeringGrid
    className="absolute inset-0"
    squareSize={4}
    gridGap={6}
    flickerChance={0.3}
    maxOpacity={0.3}
  />
</div>