now in public beta

The design system
agents can use

Copy-first React components built for AI product teams. Install via CLI, own every line. Readable by agents, composable by engineers.

$npx agentui init

terminal

$ npx agentui init

✓ Created components/agentui/Button.tsx

✓ Created components/agentui/Card.tsx

✓ Created components/agentui/Input.tsx

✓ Created components/agentui/tokens.css

Done — scaffolded to components/agentui/

Why AgentUI

Built different, on purpose

Agent-native

Plain React with inline styles. Zero abstractions to navigate — AI agents can read, modify, and compose components directly.

Composable primitives

Button, Card, Input — small, focused building blocks. CSS custom properties make theming effortless across any layout.

One command

npx agentui init copies components into your project. No runtime dependency, no lock-in. You own every line of code.

Design tokens

Complete token system with light and dark mode, spacing, typography, and shadows — all via CSS custom properties.

Live Components

See them in action

Actual AgentUI components — rendered live, not screenshots. Interactive and themeable.

Deploy to production

Running

Build, test, and deploy the latest commit to production.

✓ npm run build2.4s

✓ npm run test8.1s

◌ deploy --prod

Agent Prompt

Natural language interface for agent interactions.

Deploy the latest changes to staging

Running deploy pipeline for commit a3f8c2d. Building project, running tests, and pushing to staging.

Component Primitives

Button variants and Input — the building blocks.

Buttons

Sizes

Input

Start building now

One command. Zero dependencies. Full ownership.