Motion-first React blocks for legal tech
Review, redline and sign flows with the calm, precise motion legal teams expect.
19 components today · 8 blocks on the way · all in Pro
Everything a legal SaaS 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.
Numbered pages whose selected chip glides on a spring, with ellipses in a fixed number of slots so the width never changes, and a compact Page 3 of 12 variant.
A trail from the root to the current page that folds its middle crumbs into a menu when it runs out of room, measured rather than guessed, with links that underline on hover.
A dropzone that wakes when files cross the page and lifts as they reach it.
A file tree whose folders open on a height spring as the chevron turns, both interruptible.
A pill that rises after a destructive action with a draining countdown ring.
A grouped list where switching the grouping moves rows into their new groups with shared-layout motion and rolling counts.
One keyboard focus ring that springs between fields, resizing and re-radiusing to each target.
Disclosures whose height springs open with no overshoot, content fading in as the height lands and the chevron turning on the same spring.
A chat attachment: images as a thumbnail that sharpens from a blur once decoded, files as a typed chip.
Avatar and AvatarGroup on Base UI Avatar: images fade in from a 4px blur once loaded so initials never flash; overlapping stacks with a cut-out ring spread apart on hover; the overflow count rolls.
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.
Label, control and one message line on Base UI Field.
A link preview that opens after a 300ms dwell and stays open while the pointer travels into it.
A search input whose clear button pops in once there is text, whose ⌘K hint fades out on focus, and whose loading spinner sits in the icon slot so nothing shifts.
A soft band of light sweeps across a label while something is working.
A premium hairline table on TanStack Table: half-pixel row rules, a quiet sentence-case header, numbers right-aligned on one edge, one emphasised cell per row, a sticky header, and dense or comfortable rows.
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.
Blocks for legal tech, 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
Contract Review (AI redlines)
Coming
Clause Diff
Coming
E-sign Flow
Coming
Obligation Extraction
Coming
Matter Timeline
Coming
Deadline Tracker
Coming
Risk Heatmap
Coming
Approval Chain
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 legal tech set.
claude mcp add --transport http eased https://eased.dev/api/mcpThen: list_components { "industry": "legal" }
Questions
Is this a legal SaaS template?
It is the parts a legal SaaS template is made of: 19 live components today, with blocks such as Contract Review, Clause Diff and E-sign Flow 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 legal tech, in Pro.
One payment for every component and block, in every industry, including each one still to come.