Is RareUI completely free to use?

Yes, RareUI is 100% free and open-source under the MIT license. You can use it in personal and commercial projects without any restrictions.

Do I need to install RareUI?

No installation required! Simply copy the component code and paste it into your project. You can also use our CLI tool: npx rareui add [component-name]

What frameworks does RareUI support?

RareUI components are built with React and work seamlessly with Next.js, Remix, Vite, and any React-based framework. They use Tailwind CSS for styling and Framer Motion for animations.

Introduction

Welcome to RareUI - A free, open-source React UI component library built with Tailwind CSS and Framer Motion. 100+ premium components ready to use.

What is RareUI?

RareUI is a free, open-source React UI component library featuring 100+ premium components designed to help you build stunning web applications faster. Every component in this library is crafted with attention to detail, featuring smooth animations, modern designs, and production-ready code.

Built With Modern Tech

React 18+ - Latest features and best practices
Tailwind CSS - Utility-first styling for easy customization
Framer Motion - Smooth, performant animations
TypeScript - Full type safety and IntelliSense support

Why Choose RareUI?

Premium Designs: Modern, professional aesthetics that stand out.
Copy-Paste Ready: No complex setup. Just copy the code.
Smooth Animations: Built-in interactions powered by Framer Motion.
Dark Mode Native: Automatic dark mode support via CSS variables.

Philosophy

RareUI is built on three core principles:

Developer Experience First - Commands are simple, docs are clear.
Design Excellence - Every component should look premium.
Zero Lock-in - Code lives in your project. Modify as needed.

Component Categories

Buttons

Premium button components with unique animations:

Liquid Button with gooey effect
Glass Shimmer Button
3D Neumorphism Button

Cards

Interactive cards with stunning effects:

Particle Card
Premium Profile Card

Forms (Coming Soon)

Beautiful form components:

Animated inputs
Toggle switches

Getting Started

Option 1: CLI (Recommended)

The fastest way to add components.

npx rareui@latest init
npx rareui@latest add liquid-button

Option 2: Manual Copy-Paste

Browse the components, copy the code, and paste into your project.

Community

RareUI is open source and community-driven.

FAQ

Is RareUI really free?

Yes! RareUI is 100% free and open source under the MIT license.

How is this different from shadcn/ui?

RareUI focuses on premium designs and complex animations, whereas shadcn/ui focuses on accessible primitives and foundations.

Built with ❤️ by

Swappy

Previous Next