Get Started
Learn what RareUI is and how to integrate it into your project.
CLI Install
Install components instantly with
npx rareui add [component-name].Browse Components
Explore 20+ premium animated components ready to use in production.
Quickstart
Get your first RareUI component running in under 5 minutes.
What is RareUI?
RareUI is a free, open-source React UI component library featuring premium animated components designed to help you build stunning web applications. Every component is crafted with attention to detail, featuring smooth animations, modern designs, and production-ready TypeScript code. Components are copy-paste ready — no lock-in, no complex configuration. Your code lives in your project.Component categories
Buttons
Liquid, glass shimmer, 3D neumorphism, retro pixel, and more premium button styles.
Cards & Overlays
Particle cards, profile cards, tooltips, and loading spinners with unique effects.
Navigation
Animated tabs, floating navigation, and toast tab systems.
Text Animation
Magnetic scatter, sound-reactive, vapor smoke, and word magnet text effects.
Interactive Backgrounds
Immersive WebGL-powered liquid wave backgrounds.
3D Elements
Shader-based liquid metal and 3D book effects powered by WebGL and Three.js.
Built with modern tech
React 19 + Next.js 16
Built with the latest React and Next.js features for optimal performance.
Tailwind CSS 4
Utility-first styling makes every component easy to customize.
Framer Motion 12
Smooth, physics-based animations that delight users.
TypeScript
Full type safety and IntelliSense support out of the box.
Install your first component
RareUI is 100% free and open source under the MIT license. All components are yours to keep, modify, and ship.