FrontpanelEarly-2000s hardware, in the browser

Liquid-chrome bezels, gel buttons, LCD readouts and LEDs for building device front panels, in plain CSS with Vue 3 components on top.

Power

PLAY SAVED

TRACK 01

STOP

CHROME HORIZON

Gain

Volume

Plain CSS first

Tokens and .fp-* classes in a cascade layer, so your own styles win. A Tailwind 4 entry turns them into utilities with variants.

Chrome Silver and Gunmetal Night follow the system setting, or force either on any element. Every text pairing passes WCAG AA in both.

Device, window, buttons, caps, LCD, LEDs and a pixel icon set, with behaviour and ARIA from Reka UI.