# Fx Flickering Grid

Status page header behind the overall system state and subscribe action.

- id: `fx-flickering-grid`
- Page: https://agentic-ui-kit.com/components/fx-flickering-grid
- Live preview: https://agentic-ui-kit.com/live/component/fx-flickering-grid

## Install

```bash
agentic-ui add fx-flickering-grid
npx shadcn@4.17.0 add @agentic-ui/fx-flickering-grid
```

## Metadata

- **Level:** block
- **Category:** effects
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** flickering-cell-grid, square-cells, dot-cells, single-canvas-12fps, seeded-static-noise-frame, edge-and-radial-fade, token-tone-and-intensity, light-dark-theming, offscreen-pause, reduced-motion-fallback, accessible-decorative-layer
- **Intents:** monitor-live, communicate
- **Suits domains:** saas, devtools, ai-workspace, analytics, crm
- **Interaction:** theme-switch, motion-preference
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** Status page header behind the overall system state and subscribe action, Developer tool hero with a technical, data-like texture, Dashboard section header for a live infrastructure view, Marketing band behind a short headline and call to action
- **Avoid when:** Dense tables, charts or forms where flickering cells compete with data, Signalling a real incident, because the effect is decorative and carries no status, Stacking with another ambient background in the same viewport
- **Preserve when adapting:** decorative-canvas-aria-hidden, single-canvas-12fps-draw, static-noise-frame-fallback
- **Replace when adapting:** variant-and-cell-size, tone-and-intensity, density-and-fade, container-children
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.2/10
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** @agentic-ui/fx-foundation, @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library canvas, reduced-motion fallback yes, target 60 fps
- **Registry dependencies:** fx-foundation, lib-motion