Skip to content
EasyUI website preview

EasyUI

easyui.site

An open-source set of 131 micro-animated React components distributed through the shadcn GitHub registry, using spring physics and copy-paste source ownership.

What is EasyUI?

EasyUI ships 131 components built with React, Tailwind CSS and Framer Motion. Each installs individually with npx shadcn@latest add Surajmaurya1/easyui/<component>, placing the TSX in components/ui so you can edit styles, animation parameters and markup. Components include TypeScript prop types, keyboard accessibility, ARIA standards and automatic prefers-reduced-motion support.

Motion comes from calibrated spring physics curves rather than linear transitions. The catalog is grouped into Recent, Motion, Buttons, Navigation, Feedback, Overlays, Forms and Auth, and includes charts such as bar, donut, funnel and live line. The documentation lists compatibility with Next.js App Router and Pages, Vite, Remix and Astro.

Best for

  • Micro-animated buttons and navigation in React apps
  • Teams that want editable component source over npm packages
  • shadcn/ui projects adding spring-motion detail

Key features

  • 131 components with spring-physics motion
  • Install via the shadcn GitHub registry
  • TypeScript props, ARIA and reduced-motion support
  • Works with Next.js, Vite, Remix and Astro
  • Chart components including bar, donut and funnel
23rd website preview

A shadcn/ui registry of opinionated React components, from WebGL shaders and animated backgrounds to footers, 404 pages and a gooey colour picker, installed by CLI so you own the code.

components
Animata website preview

About 130 hand-crafted animated React components built with Tailwind CSS v4 — text effects, backgrounds, cards, widgets and bento grids — installed with the shadcn CLI.

components

Animate UI replaces shadcn/ui primitives with animated versions built on Radix UI, Base UI and React Aria, driven by Motion.

components