v0.1.0 · Open Source · MIT
The React library that
solves the real problems.
45+ animated, accessible components. Motion-first, Tailwind-powered, zero lock-in. From a simple button to a full AI chat interface.
terminal
npm install @animui/ui motion
Components
Every component you need, nothing you don't. Tree-shakable, typed, and animated by default.
5 components
Primitives
Button, Card, Input, Badge, Avatar
Button
Outline
Badge
A
4 components
Animations
Magnetic, Typewriter, Particle Field, Scroll Reveal
4 components
Forms
SmartForm + Zod, Checkbox, Select, Textarea
email@example.com
Password
Submit
5 components
Data
DataTable, Kanban, FileUploader, Calendar, RichEditor
Name
Status
Date
Alice
Active
Jan 1
Bob
Pending
Jan 2
5 components
AI Components
Chat, StreamingText, CodeBlock, PromptEditor, ToolCallViewer
How can I help you today?
Build a dashboard
6 components
Overlays & Feedback
Modal, Drawer, Toast, Tooltip, Skeleton, Progress
Cancel
Confirm
Quick start
From zero to your first animated component in under 2 minutes.
getting-started.tsx
1// 1. Wrap your app (app/providers.tsx)2import { ThemeProvider, ToastProvider } from "@animui/ui";34export function Providers({ children }) {5 return (6 <ThemeProvider auto>7 <ToastProvider>{children}</ToastProvider>8 </ThemeProvider>9 );10}1112// 2. Import and use components13import { Button, Modal, SmartForm, Chat } from "@animui/ui";1415// Simple modal - one line16<Modal title="Delete user" onConfirm={handleDelete} />1718// Smart form with Zod - auto validation19<SmartForm schema={contactSchema} onSubmit={handleSubmit}>20 <FormField name="email" />21 <FormSubmit />22</SmartForm>
100% free. Always.
MIT licensed, community-driven. No tiers, no paywalls, no catches.