Axiom UI
EN / JA

Getting Started

Axiom UI is not installed as a dependency — components are copied into your repo, and you own them.

Requirements

  • Node.js 22+
  • React 19 project
  • Tailwind CSS configured in the target project

Add a component

One-shot — copy a component into your repo:

npx @joinclass/axiom-ui add button

Or install once and reuse:

npm install -D @joinclass/axiom-ui
npx axiom-ui list
npx axiom-ui add dialog

add copies <name>.tsx into ./src/components/ by default. The CLI copies files verbatim — no post-processing, no dependency injection.

Use it

import { Button } from "./components/button";

export function Page() {
  return <Button onClick={save}>Save</Button>;
}

Every component works correctly with no props. Escape hatches (className) exist but are never required.

Next steps