Contour UI
A design system for audio-plugin UIs and general web UI, shipped as three React packages.
Start with the guide: it explains how the packages fit together and how to set them up. Then open the section you need.
Guide
How contour-ui works: packages, installation, themes, styling with tokens.
Essentials
Styled components for the everyday parts of any interface.
Audio
Styled controls for audio-plugin UIs, in the same package as Essentials.
Headless
Unstyled components: structure and behavior for your own look.
Fumadocs
A documentation layout for Fumadocs sites, built from the styled components: the layout of this site.