Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Website

Rare UI

A free, open-source registry of rare animated React components.

Visit Rare UI4.6

  • Rating

    4.6 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is Rare UI?

Rare UI is a copy-and-own registry of animated React components built with Tailwind CSS, Motion and the shadcn CLI. You pull a component into your project and keep the code, which is faster than rebuilding polished interactions from scratch.

Third-party open-source projects. We are not affiliated with their authors; repositories are provided as-is by their maintainers. Review each project's license, code and security before installing. See our Disclaimer.

Pros: what Rare UI does well

  • Free and open source
  • Own the code you copy

Cons: where it falls short

  • React and Tailwind only

Who Rare UI is for

React developers shipping polished interfaces quickly.

Who can skip it

Teams on other frameworks.

Rare UI alternatives

Not sold on Rare UI? These do a similar job, and each card says what it has in common.

All Workflows resources

21st

Focus: ui, shadcn and templates. Shares react and tailwind with Rare UI. Freemium (Rare UI: Free). Rated 4.7 (Rare UI: 4.6).

WebsiteFree planWeb
4.7Visit

Planes

Focus: motion and ui. Shares react and components with Rare UI. A framework, not a website. Paid but Affordable (Rare UI: Free). Rated 4.3 (Rare UI: 4.6).

FrameworkPaid but AffordableWeb
4.3Visit

Tween UI

Focus: gsap and animation. Shares react and tailwind with Rare UI. A framework, not a website. Rated 4.3 (Rare UI: 4.6).

FrameworkFreeWeb
4.3Visit

ServerKit

Focus: server control panel, vps and deployment. Shares react and open source with Rare UI. Adds Linux. Rated 4.7 (Rare UI: 4.6).

WebsiteFreeWeb, Linux
4.7Visit

Spectrum UI

Focus: nextjs, animation and shadcn. Shares react and tailwind with Rare UI. A framework, not a website. Rated 4.5 (Rare UI: 4.6).

FrameworkFreeWeb
4.5Visit

Free alternatives to Rare UI

Want to spend nothing? These free picks cover similar ground.

microcharts

Focus: charts, sparklines and svg. Shares react and components with Rare UI. Rated 4.5 (Rare UI: 4.6).

WebsiteFreeWeb
4.5Visit

Morphicons

Focus: icons, svg and animation. Also in Workflows and Automation, like Rare UI. Rated 4.5 (Rare UI: 4.6).

WebsiteFreeWeb
4.5Visit

shadercn

Focus: shaders, webgpu and wgsl. Shares react and components with Rare UI. Rated 4.5 (Rare UI: 4.6).

WebsiteFreeWeb
4.5Visit

audiocn

Focus: audio, shadcn and ui. Shares react and components with Rare UI. A framework, not a website. Rated 4.3 (Rare UI: 4.6).

FrameworkFreeWeb
4.3Visit

beUI

Focus: animated components, motion and shadcn. Shares react and tailwind with Rare UI. A framework, not a website. Rated 4.3 (Rare UI: 4.6).

FrameworkFreeWeb
4.3Visit

shadcn/ui

Focus: ui components, design system and web development. Shares react and tailwind with Rare UI. A framework, not a website. Rated 4.9 (Rare UI: 4.6).

FrameworkFreeWeb
4.9Visit
Are you the maker of Rare UI?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

New · updated daily

What people are actually doing with AI

Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.

Browse AI use cases

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.