Launching November 10, 2026
Eased

Eased

Motion-first React components for shadcn and AI agents

One time feeUI Library7 impressionslaunches Nov 101 comment

Comments

>log in to comment
  • Jonathan Edmund[maker]· 2d ago

    Thanks for checking out Eased! Motion-first React components for shadcn and AI agents. Critical feedback is the most useful kind, so don't hold back.

Eased is a library of animated React components built on Tailwind and Motion, with the springs and durations already tuned. You install them with the shadcn CLI (npx shadcn add @eased/button) or your coding agent adds them through the Eased MCP server. Reduced motion is handled in every component. Most of it is free and MIT. Pro adds blocks for SaaS, finance, health and other app types, plus Mac-style components.
  • Motion-first React components for shadcn and AI agents
  • 65 free components under MIT license
  • Pro version adds showpieces with source, $149 one‑time
  • Live, interactive examples for every component
  • One‑command install via npx shadcn add

Eased is a library of motion-first React components for shadcn UI, installable via CLI or AI agents.

for
React developers using Tailwind and Motion, especially those building SaaS or Mac apps.
pricing
paid
works withReact 19Tailwind CSS v4MotionClaude CodeCursorVS Code

Key features

6 features of Eased
  • Free component library — 65 MIT-licensed components with tuned springs and reduced-motion support.
  • Pro component pack — Adds 30 premium components, blocks for SaaS, finance, health, and Mac-style UI.
  • CLI & MCP installation — Install via shadcn CLI or the Eased MCP server for AI coding agents.
  • Light/Dark & reduced motion — All components respect system light/dark mode and reduced-motion settings.
  • Lifetime updates — One-time payment grants all current and future Pro components forever.
  • Source ownership — Pro components are delivered as source code you can modify in your repo.

Use cases

  • Add animated buttons and dialogs to a SaaS dashboard with a single CLI command
  • Enable AI agents like Claude Code or Cursor to auto-install UI blocks
  • Build Mac-style menus and HUDs for Tauri/Electron apps
  • Create accessible, motion-aware forms that respect reduced-motion preferences

Eased pricing

  • Free$065 MIT-licensed components · No account required · Basic motion system
  • Pro (Solo)$149one-time95 components total · 30 premium components · Lifetime updates · Commercial licence
  • Pro (Team)$349one-timeAll Pro features for a team · Source code ownership · MCP server access

Eased vs alternatives

Easedshadcn/uiTailwind UIMaterial UIFlowbite
Best forPre-tuned animated components for ReactOpen-source UI components for ReactPremium Tailwind-based UI componentsFull-featured Material Design componentsFree Tailwind UI components
PricingPaidFreeOne time feeFreeFree
DevHunt upvotes100036
LaunchedNov 2026———Jan 2024
  • Eased vs shadcn/ui: shadcn/ui is an open-source component set you copy into your app, but lacks the pre-tuned motion of Eased.
  • Eased vs Tailwind UI: Tailwind UI offers polished components but is a paid subscription, whereas Eased is a one-time purchase with motion focus.
  • Eased vs Material UI: Material UI provides a comprehensive design system, not specialized for motion-first or shadcn integration.
  • Eased vs Flowbite: Flowbite is an open-source Tailwind UI library without built-in motion tuning or AI agent installation.

Eased FAQ

What is Eased?+

Eased is a library of motion-first React components and page blocks with tuned springs, concentric corners and built-in reduced-motion support.

How do I install components?+

Use the shadcn CLI, e.g. npx shadcn add https://eased.dev/r/undo-pill.json, which copies the source into your project.

Does it work with AI coding agents?+

Yes, the Eased MCP server lets agents like Claude Code, Cursor, and VS Code search, read and install components via a simple command.

What tech stack does it use?+

React 19, Tailwind CSS v4, Motion, and design tokens in OKLCH; components work in any React 19 app.

What does lifetime access mean?+

You pay once and receive all current and future Pro components and updates for life.

Can I use Eased in client projects?+

Free components are MIT-licensed; Pro components have a commercial licence that allows unlimited projects and client work without attribution.

Summarized by DevHunt from eased.dev · Oct 23, 2026. Details may change; check the official site.

What people say

2 quotes from around the web