Motion-first React blocks for HR and recruiting
Pipelines, profiles and review cycles that keep hiring teams moving.
19 components today · 8 blocks on the way · all in Pro
Everything a HR admin 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.
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 dropzone that wakes when files cross the page and lifts as they reach it.
A pill that rises after a destructive action with a draining countdown ring.
Drag a numeric label to scrub its value, with pointer lock, fine and coarse modifiers, keyboard steps and rolling tabular digits.
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.
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.
Table cells that make rows look finished: avatar with name, status badge, number with a rolling value and coloured delta, a progress meter that fills on view, a self-updating relative time, and a mono ID with a copy button.
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 Base UI text input whose focus is the border alone.
A chat message: the user's in a sunken bubble on the right, the assistant's flush on the left.
Radios whose dot scales out from the centre on a snappy spring, and radio cards whose selected border travels between cards.
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 table with click-to-sort headers: the arrow appears on header hover and previews the order, and on click every row glides from where it was to its new place while the arrow rotates on the same spring.
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.
Grouped or stacked bars that grow in with a 12ms stagger, glide a scrubbing band with rolling values, and morph keyed bars between ranges while the scale springs.
Blocks for HR and recruiting, 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
Hiring Pipeline
Coming
Candidate Profile
Coming
Interview Scheduler
Coming
Payroll Summary
Coming
Org Chart
Coming
Scorecard
Coming
Time-off Calendar
Coming
Team Directory
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 HR and recruiting set.
claude mcp add --transport http eased https://eased.dev/api/mcpThen: list_components { "industry": "hr" }
Questions
Is this a HR admin dashboard template?
It is the parts a HR admin dashboard template is made of: 19 live components today, with blocks such as Hiring Pipeline, Payroll Summary and Org Chart 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 HR and recruiting, in Pro.
One payment for every component and block, in every industry, including each one still to come.