21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Website
Rare UI
A free, open-source registry of rare animated React components.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
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.
Pros
- Free and open source
- Own the code you copy
Cons
- React and Tailwind only
Who should use Rare UI
React developers shipping polished interfaces quickly.
Who may not need it
Teams on other frameworks.
Rare UI alternatives
Similar resources to Rare UI, picked from the directory.
Planes
100+ interactive React components with Tailwind and Motion source for modern interfaces.
FrameworkWorkflowsWebPaid but Affordable
4.3Visit
Tween UI
GSAP and CSS animated components for React that you copy and own.
FrameworkWorkflowsWebFree
4.3Visit
ServerKit
A lightweight, open-source server control panel for deploying and managing web apps, databases and containers on your own VPS.
WebsiteWorkflowsWeb, LinuxFree
4.7Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkWorkflowsWebFree
4.5Visit
Web Artifacts Builder Skill
An official Claude skill for building elaborate React, Tailwind and shadcn/ui artifacts on claude.ai.
AI ToolAI ProductivityWebFree
4.8Visit
Free alternatives to Rare UI
Free resources that cover similar ground.
microcharts
Word-sized charts for React.
WebsiteWorkflowsWebFree
4.5Visit
Morphicons
Morph any SVG icon into another with spring physics.
WebsiteWorkflowsWebFree
4.5Visit
shadercn
Beautiful WebGPU/WGSL shader components for React, built on vgpu and TypeGPU and distributed via shadcn.
WebsiteWorkflowsWebFree
4.5Visit
audiocn
169 copy-and-paste audio components for React and shadcn/ui.
FrameworkWorkflowsWebFree
4.3Visit
beUI
Free, open-source animated React components built with Motion and Tailwind CSS.
FrameworkLearningWebFree
4.3Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkWorkflowsWebFree
4.9Visit
Featured on Best Productivity Resources
Made Rare UI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/rare-ui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>