Lily Design System

Skip to main content<br>Free, open source, accessible<br>Build products faster.<br>Lily is a free design system with headless components for HTML, Svelte,<br>React, Vue, Blazor, and Nunjucks. Bring your own styles — keep accessibility<br>and i18n built in.<br>Browse components Get started

Pick the framework you use. Browse the source. Copy a component. Style it.<br>Each component is a single file — no runtime, no compiler magic, no design<br>tokens you didn't ask for. Headless components export semantic HTML with the<br>kebab-case class name; you write the CSS.

Save<br>// React headless: Button<br>import Button from "lily-design-system-react-headless/components/Button";

Save Read the full setup guide →