React Brainwaves Background
Multi-channel EEG brainwave background for React and Next.js — stacked jagged polyline traces scroll horizontally with realistic alpha/beta rhythm, noise jitter, and occasional spike bursts per channel.
React Brainwaves Background preview
The quiet, focused feeling of watching a polysomnograph at 3am — six labelled EEG channels scrolling left across the screen, each with its own rhythm, its own noise floor, and the occasional spike burst that says "something happened". Hand-written canvas with a seeded PRNG so every trace is deterministic and distinct; zero external dependencies, single RAF loop, and the scroll position survives resize so the waveform never jumps. Perfect for neuroscience SaaS, biotech dashboards, mental-health apps, focus / meditation products, and any hero where "measurement" is the mood.
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 brainwaves background into my projectRelated Components
Wavy
Stacked smooth sine-wave lines
Paths
Flowing animated SVG paths
Matrix
Green falling glyph rain
Circuit
Traveling signals on a PCB grid
Magnetic Field
Cursor-reactive field lines
Light Waves
Ambient vertical color washes
FAQ
Was this page helpful?
Sign in to leave feedback.