Motion-first React blocks for e-commerce
Carts, variants and checkout that answer every tap, from product card to receipt.
20 components today · 8 blocks on the way · all in Pro
Everything a e-commerce admin 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.
Star rating on Base UI RadioGroup with a hover preview, half steps and a read-only mode for any fraction.
A scroll-snap carousel with native momentum, mouse drag and arrow keys.
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.
Disclosures whose height springs open with no overshoot, content fading in as the height lands and the chevron turning on the same spring.
A status or count chip.
A Base UI button whose press scale depends on its width, whose label swaps with y + blur while the width springs, and whose loading spinner overlays the label so the width never changes.
Tabular digits that roll in the direction of change: a 9 → 0 carry rolls forward, a value that changes mid-roll redirects, new places fade in while the rest slide over.
A panel that opens from its trigger's transform-origin with a 5px directional offset, closes at half the distance in 150ms, and reverses mid-flight.
A blur that ramps from 0 to 20px over 80px toward an edge, from stacked masked backdrop layers, for headers, bottom bars and composers.
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.
Loading placeholders with one page-wide shimmer: every skeleton shares a viewport-space highlight and one phase, so a single band sweeps across all of them.
Superellipse corners: CSS corner-shape: superellipse(K) where supported, an identical measured clip-path elsewhere, with a hairline ring that follows the shape.
Tabs with a gliding indicator (underline or pill) and panels that cross-fade 6px in the direction of travel while their container's height springs.
Change a label, status or short value with y + blur, and spring the width to fit, so neighbours glide instead of jumping.
Toggle buttons sharing one highlight: it travels between items in single mode, and pressed neighbours fuse into one shape in multiple mode.
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 e-commerce, 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
Product Card + Quick Add
Coming
Cart Drawer
Coming
Checkout Morph
Coming
Variant Picker
Coming
Price Filter
Coming
Wishlist
Coming
Order Tracker
Coming
Reviews Summary
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 e-commerce set.
claude mcp add --transport http eased https://eased.dev/api/mcpThen: list_components { "industry": "ecommerce" }
Questions
Is this a e-commerce admin template?
It is the parts a e-commerce admin template is made of: 20 live components today, with blocks such as Cart Drawer, Checkout Morph and Product Card 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 e-commerce, in Pro.
One payment for every component and block, in every industry, including each one still to come.