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.

RareUINew Component every week

Design Less
Ship
Better.

Spend less time designing and tweaking UI, and more time shipping reliable, visually refined interfaces.

RareUI

Built for developers.
Detailed by design.

From deep component logic to production-ready deployment, our system handles the complexity so you can focus on building beautiful products.

New

Ready

Beta

Clean

Browse Components

Search through our 50+ animated components, each with unique themes and variants.

~$npm rareui init

Fetching packages...

Configuring tailwind.config.js

Initialization Complete

Install CLI

Init your project with a single command. We handle the Tailwind and Framer config automatically.

components.json

Added

Extract & Integrate

Add any component directly to your file tree. Full source code access, zero dependencies.

Customize Everything

Full design control at your fingertips. Adjust shadows, radii, colors, and spring physics — watch your component update in real time.

Appearance

Radius6px

Y Offset4px

Blur8px

Spread-2px

Color

#171717

Animation

spring(180, 20)

Canvas

Settings

Configuring project accessibility and team roles.

Sarah ConnorProject Owner

John DoeContributor

Invite Link

rareui.to/prj_k29a...

Deploy Now

DEPLOYMENT CORE

v3.2.0.stable

Asset.Bundle

1.2 kb

Gzip optimization active

UI.Physics

120fps

Target: Zero Frame Latency

Ship Production Ready

Optimized for Next.js, SEO-friendly, and accessible by default. Ready for the real world.

Hear it from
the community

Loved by builders and designers alike. A living wall of proof that is always evolving.

Pritam

@iPritamX

Looks sharp!

Leo Do

@leododev

Nice animations

subhan

@subhanmalik911

Respect How long you been grinding on this? Looks solid already.

Terence

@terencebuilds

This is so cool and will distract me soooo much 😂

Terence

@terencebuilds

This looks really amazing.

Ilia Stepin

@martbln_dev

Love it! 😍

subhan

@subhanmalik911

This looks clean it's solid work man!

Ziwen Xu

@ziwenxu_

Love the craft and the detail in this library! Truly amazing work.

Steven Tey

@steventey

The level of polish here is insane. RareUI is a game changer for anyone building high-performance landing pages.

Frequently asked
questions

Everything you need to know about RareUI. Can't find what you're looking for? Ask on GitHub

What's new
in RareUI

We ship new components and improvements every week. Here's what landed recently.

View full changelog

Dark Mode Support

Added full dark/light theme toggle with view-transition circle animation across the entire landing page.

FAQ & Changelog

Added animated FAQ accordion section with smooth expand/collapse on the landing page.

5 New Features2 Improvements

Ship your next project
faster than ever.

Join thousands of developers building with RareUI. Beautifully designed components that work seamlessly with your existing stack.

Design Less Ship Better.

Spend less time designing and tweaking UI, and more time shipping reliable, visually refined interfaces.

Spend less time designing and tweaking UI, and more time shipping reliable, visually refined interfaces.

RareUI