Getting Started · 01

Introduction

EasyUI is an open-source library of micro-animated React components distributed via the official shadcn GitHub Registry. It combines realistic spring physics, dark-mode aesthetics, and full source code ownership.

Quick Installation

Add any component directly to your project using the shadcn CLI. The code is placed straight into your components/ui/ folder.

Terminal
npx shadcn@latest add Surajmaurya1/easyui/magnetic-button
Principles

Design Philosophy

Built for developers who care about refined tactile details and clean, maintainable architecture.

Source Ownership

No black-box npm dependencies. You get the raw TSX component code to customize styles, animation parameters, and markup freely.

Spring Physics

Every element feels responsive and tactile, driven by calibrated spring physics curves in Framer Motion instead of rigid linear transitions.

Auto-Synced Registry

Components, dependencies, and metadata are automatically extracted from source files through AST analysis for reliable CLI distribution.

Accessible & Type-Safe

Full TypeScript prop types, keyboard accessibility, ARIA standards, and automatic prefers-reduced-motion support.

Built for modern React stacks

Compatible with Next.js (App Router / Pages), Vite, Remix, and Astro.