Precision with a playful rhythm — a precise, warm, playful component registry built on the Lilt design system.

---

LiltUI is a shadcn-compatible component registry: copy-paste React components built on Base UI primitives and Tailwind v4, styled through semantic --lilt-* design tokens. Warm paper surfaces, a deep-pine accent with pale-mint washes, borders instead of shadows, and one gentle lift of motion.

Usage

Add components straight from the registry with the shadcn CLI:

npx shadcn add @lilt/button

Start with the theme to pull in the Lilt tokens:

npx shadcn add @lilt/theme

Browse all components and docs at lilt-ui.vercel.app.

Development

bun install
bun run dev              # docs site + registry playground
bun run registry:build   # rebuild public/r after editing registry/lilt

Brand assets

The logo (a lilting wave resolving into a spark) lives in components/lilt-logo.tsx. Lockups, favicons, and the OG-image path data are generated from it:

bun scripts/generate-brand.ts