# Fx Matrix Terminal

Matrix digital rain background for a developer or hacker themed hero.

- id: `fx-matrix-terminal`
- Page: https://agentic-ui-kit.com/components/fx-matrix-terminal
- Live preview: https://agentic-ui-kit.com/live/component/fx-matrix-terminal?piece=fx-matrix-terminal

## Install

```bash
agentic-ui add fx-matrix-terminal
npx shadcn@4.17.0 add @agentic-ui/fx-matrix-terminal
```

## Metadata

- **Level:** block
- **Category:** effects
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** matrix-rain, letter-glitch-grid, crt-scanlines, rolling-crt-band, custom-charset, token-tones, static-frame, offscreen-pause, decorative-layer
- **Intents:** communicate, monitor-live
- **Suits domains:** devtools, marketing, ai-agents, devops-status, saas
- **Interaction:** theme-switch, motion-preference
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** matrix digital rain background for a developer or hacker themed hero, terminal glitch letters background for a cli or security product, crt scanlines overlay for a retro console or terminal window, cyberpunk code rain behind a command output block
- **Avoid when:** Real logs must be readable over it, because the glyphs are only atmosphere, Calm enterprise screens, Small areas where glyphs would be unreadable noise
- **Preserve when adapting:** decorative-canvas-aria-hidden, static-frame-fallback, pause-offscreen
- **Replace when adapting:** variant, charset, font-size, tones, children
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** @agentic-ui/fx-canvas-kit, react
- **Motion:** profile subtle, library canvas, reduced-motion fallback yes, target 30 fps
- **Registry dependencies:** fx-canvas-kit