Beautiful components
you actually own.

elorm/ui is a copy-paste React component library with accessible primitives, OKLCH theming, and an AI-friendly CLI. Add components in seconds and keep full control of the source.

Use the Theme button in the header to preview colors live.

ui.elorm.xyz/docs
Components

Button

Displays a button or a component that looks like a button.

Primitives

Base UI, Radix, or HeroUI — same look, your choice

elorm/ui ships identical styled components on top of Base UI, Radix, or HeroUI wrappers. Switch below to compare behavior and pick what fits your stack.

Modern unstyled primitives from the Base UI team.

Blocks

Product-ready sections for AI interfaces

Drop in full patterns like prompt composers and benchmark cards, then keep editing the source in your app.

Browse blocks

Prompt flows

Hero prompts and compact follow-ups in one block.

App screens

Combine layout and auth blocks for complete product flows.

Projects

Manage agent workflows and active deployments.

Welcome back
Sign in to your account to continue.

Must be at least 8 characters.

Benchmark card

Show rankings, scores, and launch claims with soft charts.

#1 on App Bench
elorm
76%
Claude Code
68%
v0
64%
Bolt
54%
Google AI Studio
50%
Codex CLI
38%
Replit
34%
Cursor
27%
Score

States and stats

Pair metrics with polished empty states for product screens.

Prompts shipped
+18%
2,481

+18% this week

Success rate
+4%
98.2%

Across agent runs

No queued runs

Your agent queue is clear. Start a new workflow when you're ready.

Built for developers