Free, open source, accessible
Build products faster.
Lily is a free design system with headless components for HTML, Svelte, React, Vue, Blazor, and Nunjucks. Bring your own styles — keep accessibility and i18n built in.
Quick start
Try Lily in 30 seconds
Pick the framework you use. Browse the source. Copy a component. Style it.
Each component is a single file — no runtime, no compiler magic, no design tokens you didn't ask for. Headless components export semantic HTML with the kebab-case class name; you write the CSS.
<!-- HTML headless: Button -->
<button class="button" type="button" aria-label="Save">
Save
</button>// React headless: Button
import Button from "lily-design-system-react-headless/components/Button";
<Button onClick={save}>Save</Button>