Introduction
elorm/ui — beautiful copy-paste React components with Base UI, Radix UI, or HeroUI.
What is elorm/ui?#
elorm/ui is a copy-paste component library for React. Unlike traditional npm packages, you add components directly to your project with the CLI — you own every line of code.
Built on Base UI, Radix UI, or HeroUI and Tailwind CSS v4, with OKLCH color tokens, theme presets, and an AI-friendly CLI. Install the agent skill so Cursor, Claude, and Codex follow elorm/ui conventions:
Why copy-paste?#
- Full ownership — customize, extend, or fork any component
- No version lock-in — your components don't break when the library updates
- Tree-shakeable by default — only the code you use ends up in your bundle
- AI-ready — structured metadata via
elorm docs --json - Your choice of primitives — Base UI, Radix UI, or HeroUI (preview) at init time