Components that feel finished.
65 copy-paste React components and a full token system. Copy it, edit it, own it.
Sign in
At least 8 characters.
Connected apps
Sync frames to collections
Post new screens to #design
Attach flows to issues
Checkout flow
12 screens · updated today
Pro
- Unlimited collections
- Full-flow screen recordings
- Figma export
Share
Filters
Both themes from one token layer.
Light
The default. Every color is named by role, not by value.
Dark
Put a dark class on any element and everything inside follows.
From install to shipped.
Every component is a JSON file at a public URL. The CLI reads it, and so does any coding agent you point at it.
$ npx yeaui init1. Init the style
Pulls the token layer into your globals.css and installs the cn helper.
$ npx yeaui add dialog tabs toast2. Add a component
One file lands in your project. Dependencies resolve on their own.
$ components/ui/dialog.tsx3. Edit it
It is your code now. No package to upgrade around, no theme API to learn.
A scale you can say out loud.
Nine named sizes from caption to showcase, and a 1px spacing base so px-16 means sixteen pixels. Design and code share one vocabulary.
Never start from a blank button again.
Add one component. If it feels right, add the rest.