A wall of scrolling terminal output that tears, glitches and flickers now and then. Glyphs near the pointer brighten and scramble.
npx shadcn@latest add https://hyperblur.dev/r/bg-faulty-terminal.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/bg-faulty-terminal.tsx.
import { BgFaultyTerminal } from "@/components/hyperblur/bg-faulty-terminal"
<div className="relative h-96"><BgFaultyTerminal><h1>Uplink lost</h1></BgFaultyTerminal></div>| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | "#33ff88" | Glyph color. |
| accent | string | "#e8fff0" | Color of the brightest glyphs near the pointer. |
| background | string | "#020604" | Screen color. |
| fontSize | number | 13 | Glyph size in pixels. |
| scroll | number | 1.4 | Scroll speed in lines per second. |
| glitch | number | 1 | How often tears and flickers happen. 0 turns them off. |
| radius | number | 90 | Radius of the pointer influence in pixels. |
| speed | number | 1 | Overall time scale. |
| children | ReactNode | Content rendered on top of the screen. |