Motion-first React blocks for AI agents
Thinking states, chat and run timelines that show an agent at work, so your product feels alive while it reasons.
15 components today · 8 blocks on the way · all in Pro
Everything a AI agent dashboard template is made of
Each one is the real component, running. Open it for usage, props and its motion, then install it into your app with one command.
A file tree whose folders open on a height spring as the chevron turns, both interruptible.
A product tour whose scrim cutout springs between targets, morphing size and concentric radius while the tooltip re-anchors.
Drag a numeric label to scrub its value, with pointer lock, fine and coarse modifiers, keyboard steps and rolling tabular digits.
A chat attachment: images as a thumbnail that sharpens from a blur once decoded, files as a typed chip.
A chat composer that grows on a spring, opens an attachments row with Auto Height, and morphs its Send arrow into a Stop square while a reply streams.
A keycap that presses down when the real key does: the face drops 1px onto its base and springs back on release.
A chat message: the user's in a sunken bubble on the right, the assistant's flush on the left.
A soft band of light sweeps across a label while something is working.
A textarea that grows with its text on a smooth height spring instead of jumping a line at a time.
The line above a reasoning model's answer: the label shimmers while a seconds counter rolls, then "Thinking" morphs into "Thought for 12s" and the reasoning folds away a second after the answer starts.
A small living orb for an assistant's state: colour fields drift inside a glassy sphere and it breathes, idle, listening, thinking or speaking, with its speed tied to the token rate so it keeps pace with the stream.
Shiki-highlighted code in warm stone and cream themes, with a file title bar and language pill, a copy button that morphs into a check while "Copied" slides out, highlighted and focused lines, and long blocks that collapse under a progressive blur with "Show 22 more lines".
Several files, or one command per package manager, in one code block: the underline glides between tabs, the code cross-fades 6px in the direction of travel while the height springs, and with a groupId every block on the page switches together and remembers the choice.
A one-line command with a $ prompt and a copy button that morphs into a check.
A macOS menu bar popover: a status item and a frosted panel whose arrow and panel are one shape, so one blur and one hairline follow the arrow.
Blocks for AI agents, on the way
Full blocks composed from the components above, each with one signature moment. They land here, dated, as they release; the changelog has the schedule.
Coming
Agent Run Console
Coming
Approval Inbox
Coming
Multi-model Compare
Coming
Plan → Execute Board
Coming
Trace Viewer
Coming
Voice Session
Coming
Live Activity Dock
Coming
Agent Chat Shell
Install into your agent
Add the Eased MCP server and ask for what you are building. Its list and search tools take an industry, so your agent starts from the AI agents set.
claude mcp add --transport http eased https://eased.dev/api/mcpThen: list_components { "industry": "ai" }
Questions
Is this a AI agent dashboard template?
It is the parts a AI agent dashboard template is made of: 15 live components today, with blocks such as Agent Run Console, Approval Inbox and Agent Chat Shell on the way. You compose them in your own app, and the source lives in your repo, so it fits your product exactly.
What does Pro include?
Every Eased component and block, in every industry, now and in every future release, for one payment. Free components stay free under MIT.
How do updates arrive?
New components and blocks release on a dated schedule, listed in the changelog and its RSS feed. Install them with the shadcn CLI or through the MCP server whenever they suit you.
What is the stack?
React 19, Tailwind CSS v4 and Motion, installed with the shadcn CLI. Every component supports light and dark themes and reduced motion.
Everything for AI agents, in Pro.
One payment for every component and block, in every industry, including each one still to come.