$lerpa --docs

Lerpa UI documentation

Lerpa UI is a free, open-source collection of 1179+ copy-paste React + Tailwind v4 components — buttons, forms, cards, 24 animated charts, and ~178page blocks. There's no package to depend on: a CLI copies real, owned source files straight into your project, backed by a shadcn-compatible registry.

1179+components

24animated charts

178+page blocks

1318registry items

What you get

Copy-paste, you own the code. Components land in components/ui as plain .tsxfiles. Edit them freely — there's no upstream dependency to fight.
shadcn-compatible registry.The CLI reads a standard shadcn-style registry, so the workflow feels familiar if you've used shadcn/ui.
Animated & accessible. Built with Framer Motion, every animated component honors prefers-reduced-motionand is axe-tested for WCAG 2.1.
Tokens, not hard-coded colors. A CSS-variable design system lets you recolor the entire library from a single :root block — or use the visual Theme Studio.
AI-native. The @lerpa/mcp-server exposes the catalog to AI agents (Cursor, Claude Code, and more) so they can search and install components for you.
Free & MIT-licensed. Use it in personal and commercial projects, no strings attached.

Stack

Lerpa UI targets React 19, Tailwind v4, and Next.js 16 (or Vite). Components are written in TypeScript and ship with light + dark variants out of the box.

Get started

Install the CLI and add your first component, or jump straight into the gallery to see everything rendered live.

— start hereInstallation →Prerequisites and the one-command setup.— 2 minutesQuickstart →From init to a rendered component end-to-end.— browseComponent gallery →Every component, rendered live with copy lines.— walkthroughTutorial →A guided six-step path from zero to shipped.