Animate UI

73 motion-first React components shipped as a shadcn registry

Tier B · UsefulAnimation LibraryRegistryComponent Libraryanimate-ui.com

(Visit animate-ui.com ↗)(Docs)(Repository)(Registry)

Animate UI is a shadcn-CLI distribution of React components where the animation is the point, built with Tailwind and Motion (motion.dev). It ships the same primitive four ways — a Radix-backed set, a Base UI set, a Headless UI set, and its own animated set — so you can pick whichever primitive layer your app already uses. On top of that it adds animated backgrounds, button variants, and a community section with things like radial menus and notification stacks. For React developers who already own a design system and want motion without hand-rolling Motion variants.

Install

npx shadcn@latest add https://animate-ui.com/r/components-buttons-button.json

For an agent

Reach for this when a shadcn/ui app needs real motion and you do not want to author Motion variants by hand — it composes with shadcn because the Radix track wraps the same primitives. Critically, pick the right namespace prefix: components-radix-* for a normal shadcn project, components-base-* for Base UI, components-headless-* for Headless UI; mixing tracks pulls in duplicate primitive deps. Two things to watch: the licence is MIT + Commons Clause, so you may not resell the components as a product, and the repo has had no commits since 2025-12-31, so verify a component against your React and Motion versions before you build on it.

Why it is here. One of the few motion registries that respects the primitive layer you already chose instead of forcing Radix on you, which makes it drop-in for Base UI and Headless UI codebases nobody else serves.

Install command, framework, licence and component list.

Facts

License: Source available, Trademark / trade dress restricted
Pricing: Free
Framework: React, Next.js
Styling: Tailwind CSS, CSS custom properties
Distribution: shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform: Web
Content type: Code
Agent readiness: Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source
Accessibility: Built on accessible primitives, Keyboard navigable
Maturity: Stable
GitHub stars: 4,159

Components it ships

73 total

Helps you build

Homepage Features Notifications Settings Web App

Notable for

Four parallel primitive tracks: Radix, Base UI, Headless UI, and its own
Seven canvas/WebGL animated backgrounds
Commons Clause rider on top of MIT
Community-contributed section (radial menus, pin list, presence avatars)
No commits since December 2025

Provenance

Verified 2026-08-15. HTTP 200. https://animate-ui.com/docs, https://animate-ui.com/r/registry.json (170 items enumerated, 73 non-demo components), https://animate-ui.com/r/components-buttons-button.json (200 OK, install path verified), https://github.com/animate-ui/animate-ui, https://raw.githubusercontent.com/animate-ui/animate-ui/main/LICENSE.md (revealed Commons Clause), gh api repos/animate-ui/animate-ui for stars and last commit

Also in Motion & Interaction

animate-ui.comTier B