Streaming Message
A reply that streams in word by word, with code blocks you can copy.
The UI kit forAI products
Chat, agents, charts and full page blocks for React, animated and ready to drop in. Install with one prompt and own every line.
97 components and blocksReact, Next.js, Tailwind CSS and Motion
The library, by the numbers
- Core components
- 0
- Built for AI agents
- 0
- Ready page sections
- 0
- Installable in total
- 0
The parts every AI product needs.
Six of them, running live. The rest of the catalog, charts and full page blocks included, is one click away.
Tool Call
Every tool an agent runs, with a live timer and what went in and came out.
Diff Review
An agent's edit to a file, as a diff to accept or reject.
Tool Approval
The permission prompt before an agent runs something that matters.
Thinking Orb
Dot orbs that say what an agent is doing. Thinking, searching, writing or listening.
Border Beam
A light that travels round the element doing the work, only while it works.
Works with your coding agent.
Skip the copy and paste. Hand your agent one prompt and it installs the piece, reads how it works and wires it into your app.
Copy the prompt
Every component and block page has one, ready to copy.
Paste it into your agent
Claude Code, Cursor, Codex, or anything that can run a command.
Ship it
The agent installs the source, reads the props and fits it to your styles.
Prompt for the Agent Thread block
Add the easeUI Pro Agent Thread to this project. Install it with npx shadcn@latest add @easeui-pro/agent-thread. The @easeui-pro registry needs my EASEUI_PRO_TOKEN, and https://pro.easeui.dev/docs/agent-guide explains the setup. Read https://pro.easeui.dev/blocks/agent-thread.md for its props and when to use it, then use it where it fits and match the styles already in the project.
Built for people shipping real products.
Source you own
Real files land in your project, not a package import. Customize anything, forever.
Pay yearly or once
Yearly while you want new releases, or one payment for Lifetime. Priced per seat, with discounts as a team grows.
New releases included
Every new component and block while Yearly is active, and forever on Lifetime. What you have installed keeps working either way.
Calm motion, not candy
Short, eased motion that answers the pointer, and a page that never jumps around it. Bounce only where it is the point.
Dark mode from day one
Every block reads correctly in light and dark, driven by the same theme tokens as the free components.
Built on a real stack
Next.js, React, Tailwind, and Motion. Typed, accessible, and responsive without extra setup.
Priced per seat, cheaper the more you add
Pick Yearly or Lifetime. Buying seats for a team drops the price per seat automatically.
1
1 seat50 seats
Yearly
Every Pro component and Block. New releases included while your plan is active.
$99per year
1 seat at $99
- Every Pro component
- Every Pro block
- New releases while active
- Email support
Lifetime
Best valueEvery Pro component and Block. One payment, and every release after it.
$159once
1 seat at $159
- Every Pro component
- Every Pro block
- New releases, forever
- Email support
- 2 to 4 seats15% off
- 5 to 9 seats25% off
- 10 to 19 seats30% off
- 20 seats and up35% off
Questions
Pro is built for teams as much as individuals. Per seat pricing keeps a solo purchase cheap while scaling fairly for a team, with the discounts kicking in as you add seats.
Yearly renews annually and includes new releases while it's active. Lifetime is a single payment that includes every component and block we ever add, with no renewal.
Yes. Both plans cover client and commercial projects. They don't cover reselling or redistributing the source itself.
Everything you already installed keeps working. You just stop receiving new releases until you renew.
Yes. Pick the number of seats and the price a seat drops to the matching tier before you reach the payment page.
Want it built for you?
Studio rebuilds the screens that feel rough with Pro and ships them to your repo. Fixed price, from $750, Lifetime Pro included.