198 free, MIT-licensed animated React components with smooth Motion animations — drop-in shadcn/ui compatible and fully customizable with Tailwind CSS.
Reactshadcn/uiMotion+3
smoothui.dev
Visitopens in a new tab
Skecher UI
skecher-ui.com
Polished React motion components you can copy with live previews, source code, dependencies and shadcn registry commands.
What is Skecher UI?
Skecher UI is a collection of motion components for React, each presented with a live preview so you can see the animation before adopting it. Components ship with source code, listed dependencies and shadcn registry commands, following the copy-paste workflow of the shadcn ecosystem. It targets developers who want polished animation patterns without building motion systems from scratch.
Best for
- Adding polished animations to React apps
- Installing motion components via shadcn CLI
- Previewing animation patterns live
Key features
- Copy-ready React motion components
- Live interactive previews
- Source code with dependencies listed
- shadcn registry install commands
- Polished, production-focused animations
Related resources
Open-source, motion-powered animated components for React and HTML — beautifully crafted pieces that bring interfaces to life with seamless animations.
ReactTailwindAnimation+3
atlasui.dev
154 React components and 90 blocks with motion built in, installed as editable source via the shadcn CLI for shadcn/ui and Next.js projects.
Reactshadcn/uiNext.js+2
uiarc.dev