easeUI

Overview

easeUI is an open-source set of 54 React components with easing and spring motion already tuned. Components are copied into a project as source files with the shadcn CLI, so there is no runtime package to depend on. The site also offers a Pro section and a playground.

The catalog covers everyday interface parts as well as a group of components for AI agent interfaces. Descriptions on the site focus on behavior details: accordions that grow to natural height without measuring, buttons with a 44px tap area at small sizes, and a drawer built on the native dialog element that can be flicked to dismiss.

Features

• Core components: Accordion, alert, avatar, badge, button, card, checkbox, select, switch, tabs, table, tooltip and toast.
• Interactive patterns: Command palette, dynamic island, expandable tabs, morphing search, hold-to-confirm, pull-to-refresh and notification stack.
• Inputs: OTP input, tag input, range slider, rating, file upload dropzone and textarea.
• Agent UI: Prompt input, streaming response, streaming text, reasoning disclosure, tool approval, tool chip, todo list and agent loading states.
• Accessible defaults: Arrow key navigation, real checkbox inputs and focus handling are part of component behavior.
• Text effects: Gradient text, number ticker and text animation components.

Tech stack

• React, Tailwind CSS, shadcn CLI
• Motion, lucide-react, clsx, tailwind-merge

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @easeui/component-name