React Oscilloscope Background
Vintage CRT oscilloscope background for React and Next.js — bright phosphor waveform traces with long afterglow persistence, an optional Lissajous curve, and a static graticule grid.
React Oscilloscope Background preview
A love letter to the cathode-ray tube — a single bright trace arcs across a dark screen, leaving a faint phosphor afterimage as it refreshes, overlaid on a thin graticule that makes the whole thing read as gear rather than graphic. Pure canvas, one RAF loop, no shaders and no dependencies beyond React and a cn helper. Flip between a single audio-style waveform, a second channel, or a rotating Lissajous figure for the full bench-scope look. Perfect for audio-tool landing pages, retro-tech product sites, biomedical or instrumentation dashboards, hacker-aesthetic portfolios, and anything that wants to read as precisely measured signal.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:
use shadcnio to install the oscilloscope background into my projectRelated Components
Wavy
Stacked flowing wave lines
Paths
Animated bezier path drift
Matrix
Falling glyph rain
Light Waves
Ambient vertical color washes
Constellation
Connected star network
Magnetic Field
Cursor-reactive field lines
FAQ
Was this page helpful?
Sign in to leave feedback.
Origami
Folded-paper origami background for React and Next.js — faceted polygons drift, rotate, and wobble with flat-shaded light, mid, and shadow planes.
Paper
Hand-made paper texture background for React and Next.js — thousands of pre-baked ink fibers layered over aged cardstock, with a gentle breathing alpha oscillation that keeps the surface quietly alive.