Retro CRT Scan Universe
A nostalgic cyber-terminal background featuring scanlines, phosphor glow, typing effect, and screen flicker.
Component Showcase
Retro CRT Scan Universe
A nostalgic cyber-terminal background featuring scanlines, phosphor glow, typing effect, and screen flicker.
CSSRetroTerminalAnimations
Interactive Playground
Adjust sliders and values to preview changes in real-time
bg
Retro green-black base background color.
color
Phosphor green terminal display color.
scanlineSpeed
Cycle duration (seconds) of scanline sweep animation.
typingSpeed
Base interval (milliseconds) between keyboard strokes.
flickerIntensity
Flicker speed rate multiplier.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| bg | string | "#0a1105" | Retro green-black base background color. |
| color | string | "#7fff5e" | Phosphor green terminal display color. |
| scanlineSpeed | number | 10 | Cycle duration (seconds) of scanline sweep animation. |
| typingSpeed | number | 20 | Base interval (milliseconds) between keyboard strokes. |
| flickerIntensity | number | 0.15 | Flicker speed rate multiplier. |