SYSTEM · LUMEN HALOEarly
Data told in light.
Derived from the lit front panel of 1980s hi-fi
A visual operating system derived from the lit front panels of 1980s hi-fi: smoked glass, glowing cells and a filament of focus, carried through every component, chart, motion and sound. For product analytics on shadcn.
System install
npx shadcn@latest add https://beautiful-ui.dev/r/lumen.jsonOptional, once per project: sets your app's shadcn tokens (light and dark) and fonts to the system's, globally. Pieces work without it and bring their own motion. Sound is a separate opt-in: see Docs.
Signature pieces
Signature story chartFree and open to try. Drag across the axis, switch the metric, tab through the customers.
Customer SwarmFree
Docs
The story
Only what matters glows
Before screens were everywhere, the most carefully engineered interface in most homes was on the stereo. A filament behind smoked glass lit only what mattered, segment by segment; a level meter was a row of glowing cells, and everything else vanished into black.
Lumen Halo takes that language as its rules, not its decoration. Charts are made of cells, focus is a filament of light, live numbers roll like an odometer and the sounds are soft and exact, in every piece from a button to a dashboard. No fake screws, no retro fonts: the same discipline, rebuilt for software.
What’s inside 121 pieces
Primitives
Buttons, inputs and badges in the system's material.
App components
Navigation, command, dates and data for the app shell.
Signature
The pieces the system is known for.
Blocks
Whole sections, ready to drop in.
Template
A complete app, wired end to end.
All-Access
$149 / year