A design system for audio interfaces
Plugins, DAWs, web audio tools. Tokens, headless logic and components, from a button to a spectrum analyzer.
Get started
pnpm add @contour-ui/react
001.3
Audio
@contour-ui/reactControls and displays for sound
Knob
Planned
Spectrum
Planned
Meter
Planned
Fader
Planned
XY Pad
Planned
Essentials
@contour-ui/reactThe everyday parts of any interface
Button
Select
Planned
Switch
Planned
Tabs
Low-pass · 822 Hz · Q 4.78
A 12 ms · D 240 ms · S −6 dB · R 380 ms
Sine · 1/4 · depth 35 %
Mix 62 % · Gain −1.5 dB
Menu
Planned
Headless
@contour-ui/headless-reactBehavior, ARIA and host callbacks for Essentials and Audio. No styles
Knob, unstyled
Planned
Slider, unstyled
Planned
Host callbacks
Planned
Getting started
Install, set up, first component
- Introduction
- Installation
- Styled or headless?planned
- Host automationplanned
- Theming
Essentials
The everyday parts of any interface
Audio
Controls and displays for sound
- Knobplanned
- Faderplanned
- NumberFieldplanned
- Meterplanned
- Spectrumplanned
- XY Padplanned
- EQ curveplanned