Components that scale from prototype to production
Lyra is a CSS-first, white-label design system — the whole look lives in .lyra-*
classes with light and dark themes, so the same core works across frameworks. This site is built
with the very components it documents.
Lyra ships the whole look as .lyra-* classes, with light and dark themes and white-label
theming in four tokens. The React package is a thin wrapper over those classes, so the same
core works outside React too.
New here? Getting started takes you from install to your first component in a few minutes.