UI Components
A massive hub of 50+ open-source, production-ready animated components. Built with React, Framer Motion, and Tailwind CSS. Just copy and paste.
Categories
- All Components (50)
- Buttons12
- Cards8
- Text Effects10
- Loaders6
- Navigations5
- Backgrounds5
- Miscellaneous4
New
Buttons
Animated Glow Button
ReactFramer Motion
Code Preview
New
Cards
Animated Magnetic Card
ReactTailwind
Code Preview
New
Text Effects
Animated Hover Text Effect
ReactThree.js
Code Preview
New
Loaders
Animated Slide Loader
ReactFramer Motion
Code Preview
New
Navigations
Animated 3D Navigation
ReactTailwind
Code Preview
Backgrounds
Animated Glitch Background
ReactThree.js
Code Preview
Miscellaneous
Animated Neon Miscellaneou
ReactFramer Motion
Code Preview
Buttons
Animated Floating Button
ReactTailwind
Code Preview
Cards
Animated Glow Card
ReactThree.js
Code Preview
Text Effects
Animated Magnetic Text Effect
ReactFramer Motion
Code Preview
Loaders
Animated Hover Loader
ReactTailwind
Code Preview
Navigations
Animated Slide Navigation
ReactThree.js
Code Preview
Backgrounds
Animated 3D Background
ReactFramer Motion
Code Preview
Miscellaneous
Animated Glitch Miscellaneou
ReactTailwind
Code Preview
Buttons
Animated Neon Button
ReactThree.js
Code Preview
Cards
Animated Floating Card
ReactFramer Motion
Code Preview
Text Effects
Animated Glow Text Effect
ReactTailwind
Code Preview
Loaders
Animated Magnetic Loader
ReactThree.js
Code Preview
Navigations
Animated Hover Navigation
ReactFramer Motion
Code Preview
Backgrounds
Animated Slide Background
ReactTailwind
Code Preview
Miscellaneous
Animated 3D Miscellaneou
ReactThree.js
Code Preview
Buttons
Animated Glitch Button
ReactFramer Motion
Code Preview
Cards
Animated Neon Card
ReactTailwind
Code Preview
Text Effects
Animated Floating Text Effect
ReactThree.js
Code Preview
Loaders
Animated Glow Loader
ReactFramer Motion
Code Preview
Navigations
Animated Magnetic Navigation
ReactTailwind
Code Preview
Backgrounds
Animated Hover Background
ReactThree.js
Code Preview
Miscellaneous
Animated Slide Miscellaneou
ReactFramer Motion
Code Preview
Buttons
Animated 3D Button
ReactTailwind
Code Preview
Cards
Animated Glitch Card
ReactThree.js
Code Preview
Text Effects
Animated Neon Text Effect
ReactFramer Motion
Code Preview
Loaders
Animated Floating Loader
ReactTailwind
Code Preview
Navigations
Animated Glow Navigation
ReactThree.js
Code Preview
Backgrounds
Animated Magnetic Background
ReactFramer Motion
Code Preview
Miscellaneous
Animated Hover Miscellaneou
ReactTailwind
Code Preview
Buttons
Animated Slide Button
ReactThree.js
Code Preview
Cards
Animated 3D Card
ReactFramer Motion
Code Preview
Text Effects
Animated Glitch Text Effect
ReactTailwind
Code Preview
Loaders
Animated Neon Loader
ReactThree.js
Code Preview
Navigations
Animated Floating Navigation
ReactFramer Motion
Code Preview
Backgrounds
Animated Glow Background
ReactTailwind
Code Preview
Miscellaneous
Animated Magnetic Miscellaneou
ReactThree.js
Code Preview
Buttons
Animated Hover Button
ReactFramer Motion
Code Preview
Cards
Animated Slide Card
ReactTailwind
Code Preview
Text Effects
Animated 3D Text Effect
ReactThree.js
Code Preview
Loaders
Animated Glitch Loader
ReactFramer Motion
Code Preview
Navigations
Animated Neon Navigation
ReactTailwind
Code Preview
Backgrounds
Animated Floating Background
ReactThree.js
Code Preview
Miscellaneous
Animated Glow Miscellaneou
ReactFramer Motion
Code Preview
Buttons
Animated Magnetic Button
ReactTailwind
Code Preview