> ## Documentation Index
> Fetch the complete documentation index at: https://elormui-mintlify-6ade9c4d.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> elorm/ui — beautiful copy-paste React components with Base UI or Radix UI.

export const InstallCommand = ({command = "elorm add button"}) => {
  const managers = [{
    name: "npm",
    cmd: `npx ${command}`
  }, {
    name: "pnpm",
    cmd: `pnpm dlx ${command}`
  }, {
    name: "yarn",
    cmd: `yarn dlx ${command}`
  }, {
    name: "bun",
    cmd: `bunx ${command}`
  }];
  return <CodeGroup>
      {managers.map(({name, cmd}) => <pre key={name} data-language="bash" data-title={name}>
          <code>{cmd}</code>
        </pre>)}
    </CodeGroup>;
};

## 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 or Radix UI** (your choice) and **Tailwind CSS v4**, with OKLCH color tokens, theme presets, and an AI-friendly CLI.

## 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 or Radix UI at init time

## Quick start

<InstallCommand command="elorm init" />

<InstallCommand command="elorm add button" />

<CardGroup cols={2}>
  <Card title="Installation" icon="download" href="/get-started/installation">
    Set up elorm/ui in your Next.js or Vite project.
  </Card>

  <Card title="Theming" icon="palette" href="/get-started/theming">
    Customize colors, radius, and dark mode tokens.
  </Card>

  <Card title="CLI Reference" icon="terminal" href="/get-started/cli">
    All elorm CLI commands and flags.
  </Card>

  <Card title="Components" icon="cube" href="/components/button">
    Browse the full component catalog.
  </Card>
</CardGroup>