Skip to content
Back to libraries

#React

94items

All UI component libraries and engineering guides tagged #React.

UI Component Libraries

23rd logo

23rd

192

An open-source shadcn/ui registry of opinionated, tasteful components by radiumcoders — WebGL shaders, playful 404s, and interactive showpieces you copy, paste, and own.

AnimationCopy & PasteReact+2
AnimationDetails
Duolingo UI logo

Duolingo UI (ShadLingo)

126k+

A comprehensive Duolingo-inspired design system and component suite built on shadcn/ui v4 and Tailwind CSS, featuring signature 3D buttons, vivid owl-green tokens, and gamified interaction cards.

Copy & PasteDesign TokensGamification+3
Copy & PasteDetails
Rewamp UI logo

Rewamp UI

192

A copy-paste React component library featuring highly interactive, physics-driven Framer Motion and Three.js WebGL components built with Tailwind CSS 4.

Copy & PasteMotionReact+3
Copy & PasteDetails
ObsidianUI logo

ObsidianUI

50

An open-source React component library featuring 100+ expressive animated components, cursor effects, and WebGL canvas shaders built with Tailwind CSS and Motion.

Copy & PasteMotionReact+3
Copy & PasteDetails
Watermelon UI logo

Watermelon UI

55

An open-source React 19 UI platform offering animated components, copy-paste blocks, dashboards, and templates built with Tailwind CSS 4 and Motion, featuring native shadcn registry and MCP support.

BlocksCopy & PasteMotion+3
BlocksDetails
Kinetics logo

Kinetics (Colorion)

614

A library of 150+ spring-driven micro-interactions for web apps. Copy the CSS, React, or ready-made AI prompts to ship physics-based motion instantly.

AnimationCLI ToolsCopy & Paste+2
AnimationDetails
Ambient CSS logo

Ambient CSS

585

A physics-based lighting system for CSS calibrated against Blender raytraces. Define a light source, and all shadows, highlights, and gradients follow deterministically.

AnimationCLI ToolsPure CSS+2
AnimationDetails
8bitcn logo

8bitcn/ui

2.1k+

Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.

AccessibilityCopy & PasteReact+2
AccessibilityDetails
Evil Charts logo

Evil Charts

3.1k+

Animated React chart components built with Recharts, Apache ECharts, and shadcn/ui. Dual-engine architecture with fluid motion and glow aesthetics.

ChartsCopy & PasteReact+2
ChartsDetails
Great UI logo

Great UI

273

A curated collection of beautiful, copy-paste React components built with TypeScript, Tailwind CSS v4, and Motion for crafting premium interfaces instantly.

AnimationCopy & PasteReact+2
AnimationDetails
Astryx logo

Astryx (Meta)

14k+

Meta's open source enterprise design system and React 19 component library with 170+ accessible components, StyleX integration, and agent-ready tooling.

AccessibilityDesign TokensEnterprise+2
AccessibilityDetails
remocn logo

remocn

1.6k+

A copy-paste component library for Remotion. Build promotional and product demo videos with your AI coding agent using modular React primitives.

AnimationCLI ToolsCopy & Paste+2
AnimationDetails
Amicro logo

Amicro

2.6k+

A curated collection of premium React micro-interactions, transition primitives, and card layouts powered by Motion and Tailwind CSS.

AnimationCopy & PasteReact+2
AnimationDetails
pdfcn logo

pdfcn

2.9k+

A collection of beautifully designed, accessible, and customizable PDF components for React. Built on Takumi and Forme, distributed via the shadcn CLI.

CLI ToolsCopy & PasteReact+2
CLI ToolsDetails
Animated Icons logo

Animated Icons

303

Over 3,600+ beautifully animated Lucide, Iconoir, and Heroicons with interactive hover triggers, dual-tone color palettes, and React support.

AnimationCLI ToolsIcons & Assets+3
AnimationDetails
Remix Icon logo

Remix Icon

8.4k+

An open-source neutral-style icon system elaborately crafted for designers and developers. Features 2,800+ icons in outline and filled styles.

CLI ToolsPure CSSIcons & Assets+4
CLI ToolsDetails
Honest UI logo

Honest UI

920

A source-first React component library with expressive animations, WebGL shaders, physical interactions, and dynamic visual charts.

AnimationCopy & PasteReact+2
AnimationDetails
Soundcn logo

Soundcn

887

A curated library of 800+ micro-interaction sound effects for React and shadcn, bringing tactile audio feedback to web buttons, toggles, and notifications.

CLI ToolsCopy & PasteReact+1
CLI ToolsDetails
Afterglow logo

Afterglow

8

A complete retro terminal UI system for shadcn, featuring Base UI accessible components, CRT phosphor themes, and command-line aesthetics.

Copy & PasteDesign TokensReact+2
Copy & PasteDetails
Better Auth UI logo

Better Auth UI

1.7k+

A plug-and-play UI component library tailored for Better Auth, providing beautiful login, registration, 2FA, passkey, and session management forms.

AccessibilityCopy & PasteEnterprise+3
AccessibilityDetails
Snapcn logo

Snapcn

471

An open-source Remotion video component registry for React. Install text reveals, karaoke captions, device mockups, and video scenes directly with the shadcn CLI.

AnimationCopy & PasteReact+3
AnimationDetails
Plate.js logo

Plate.js

17k+

The rich text editor framework for React and Slate. Features 50+ modular plugins, shadcn/ui-styled components, and native AI copilot integration.

AI & LLMCopy & PasteHeadless+4
AI & LLMDetails
ProseKit logo

ProseKit

1.2k+

A fast, lightweight, framework-agnostic rich text editor framework built on ProseMirror. First-class support for React, Vue, Svelte, and Solid.

HeadlessReactRich Text & Editors+3
HeadlessDetails
SVGL logo

SVGL (SVG Logo Library)

6.4k+

A beautiful library of SVG brand logos and developer tech stack icons. Features quick vector copying, component code generation, and a public API.

CLI ToolsIcons & AssetsReact+3
CLI ToolsDetails
shadcn maps logo

shadcn maps

500

Interactive SVG map components designed for React and shadcn/ui. Featuring 170+ country and region maps, hover tooltips, and 1-command CLI installation.

ChartsCopy & PasteReact+2
ChartsDetails
Tetra UI logo

Tetra UI

A modern React component library built with Tailwind CSS and Radix UI primitives. Designed for clean aesthetics, accessibility, and high performance.

AccessibilityCopy & PasteReact+2
AccessibilityDetails
AniUI logo

AniUI

106

A collection of 100+ modern animated UI components built with React, Tailwind CSS, and Framer Motion. Copy and paste into your apps.

AnimationCopy & PasteReact+2
AnimationDetails
UI.live logo

UI.live (Interactive UI Components)

A community-driven platform to create, preview, test, and share interactive React and Tailwind UI components and AI-generated interface prompts.

AI & LLMCopy & PasteReact+2
AI & LLMDetails
GSAP logo

GSAP (GreenSock Animation Platform)

29k+

The industry standard JavaScript animation library built for professionals. Ultra-high performance, robust timeline control, and zero framework constraints.

AnimationCLI ToolsReact+3
AnimationDetails
Evil Buttons logo

Evil Buttons

197

A shadcn/ui registry of 31 playful, highly animated button components with evil aesthetics — built with Motion, installable with one CLI command, copy-paste friendly.

AnimationCopy & PasteReact+1
AnimationDetails
Mapcn logo

Mapcn

12k+

Free, open-source map components for React built on MapLibre GL, styled with Tailwind CSS, and installable through the shadcn/ui CLI. Beautiful maps made simple.

Copy & PasteReactTailwind Ecosystem+1
Copy & PasteDetails
Lucide Animated logo

Lucide Animated

8.2k+

A popular open-source library of 350+ beautifully crafted animated React icons built with Lucide and Motion. Copy-paste ready with shadcn CLI support.

AnimationCopy & PasteIcons & Assets+3
AnimationDetails
Hover Icons logo

Hover Icons (itshover)

2.7k+

A collection of 180+ interactive, hover-animated vector icons with physics-based spring transitions and micro-interactions for modern React applications.

AnimationCopy & PasteIcons & Assets+3
AnimationDetails
Fancy Components logo

Fancy Components

3.3k+

A curated collection of playful, creative animated React components (Letter Scramble, Physics Cards, Floating Particles) built with Tailwind & Motion.

AnimationCopy & PasteReact+2
AnimationDetails
Motion Primitives logo

Motion Primitives

6.7k+

A curated library of animated, customizable React components and layout primitives built with Framer Motion and Tailwind CSS by ibelick.

AnimationCopy & PasteReact+2
AnimationDetails
Number Flow logo

Number Flow

7.8k+

A high-craft animated number component with smooth spring physics, automatic formatting, currency symbols, and multi-framework support (React, Vue, Svelte).

AnimationReactSvelte+3
AnimationDetails
Rare UI logo

Rare UI

1.8k+

A curated collection of rare, animated React components and creative UI widgets (Fluid Orb, Gravity Letters, Duration Picker, OTP inputs) for Next.js & Tailwind.

AnimationCopy & PasteReact+2
AnimationDetails
Pace UI logo

Pace UI

A vast collection of 200+ blocks, full-page templates, and GSAP-powered animated React components for SaaS dashboards, Next.js, and TanStack Start.

AnimationCopy & PasteReact+2
AnimationDetails
Fluid Functionalism logo

Fluid Functionalism

1.1k+

Functional motion and spring-tuned UI components designed to communicate interface state changes rather than acting as mere decoration. Built for shadcn/ui.

AnimationCopy & PasteReact+2
AnimationDetails
Reicon logo

Reicon

1.7k+

A free, open-source SVG icon and illustration ecosystem for designers and developers with 3,900+ icons, 71,000+ illustrations, multi-framework support, and AI MCP integration.

CLI ToolsIcons & AssetsReact+4
CLI ToolsDetails
Kumo UI (Cloudflare) logo

Kumo UI (Cloudflare)

4.1k+

Cloudflare's official modern React component library built on Base UI primitives, featuring semantic design tokens and built-in accessibility.

AccessibilityDesign TokensEnterprise+2
AccessibilityDetails
beUI logo

beUI

1.8k+

A modern animated component library and registry for React and Next.js applications styled with Tailwind CSS and Motion.

AnimationCopy & PasteReact+1
AnimationDetails
Extend UI logo

Extend UI

1.6k+

Open-source React component library and shadcn registry designed for AI document workflows, file agents, and parsing dashboards.

AI & LLMCopy & PasteReact+2
AI & LLMDetails
Animate UI logo

Animate UI

1.8k+

A modern animated component registry for React and Tailwind CSS. Features animated icons, interactive buttons, and kinetic text effects.

AnimationCopy & PasteIcons & Assets+2
AnimationDetails
Paper Shaders logo

Paper Shaders

3.8k+

A collection of zero-dependency WebGL shader components for React. Add mesmerizing generative shader backgrounds in seconds.

AnimationReactTypeScript
AnimationDetails
Zelda Hyrule UI logo

Zelda Hyrule UI

348

A Zelda: Breath of the Wild-inspired React UI library with 84+ components, Sheikah Slate glow effects, and AI-consumable design specs.

AI & LLMAnimationCopy & Paste+1
AI & LLMDetails
Animal Island UI logo

Animal Island UI

5k+

A charming Animal Crossing-inspired UI component library for React and Vue. Features organic organic shapes, claymorphism, and playful bounces.

AnimationCopy & PasteReact+1
AnimationDetails
NeonBlade UI logo

NeonBlade UI

131

A futuristic cyberpunk React component library built with Tailwind CSS and Framer Motion for sci-fi web experiences.

AnimationCopy & PasteReact+1
AnimationDetails
Performative UI logo

Performative UI

930

A satire-driven collection of hype-aesthetic components parodying high-velocity tech startups and Silicon Valley landing pages.

AnimationCopy & PasteReact+1
AnimationDetails
Eldora UI logo

Eldora UI

2k+

A collection of re-usable animated components, blocks, and templates built with React and Tailwind CSS for modern landing pages.

AnimationCopy & PasteReact+1
AnimationDetails
visx (Airbnb) logo

visx (Airbnb)

21k+

Airbnb's collection of expressive, low-level visualization primitives for React. Combines the power of D3 with the joy of React.

ChartsHeadlessReact+1
ChartsDetails
Tremor logo

Tremor

3.7k+

The standard open-source React component library for building modern dashboards and analytics interfaces with Tailwind CSS.

ChartsCopy & PasteEnterprise+2
ChartsDetails
TanStack Chart logo

TanStack Chart

5k+

Headless, framework-agnostic charting and visualization primitives by Tanner Linsley and the TanStack team.

ChartsHeadlessReact+1
ChartsDetails
Apache ECharts logo

Apache ECharts

68k+

A powerful, interactive charting and data visualization library for browser with 64k+ stars. Supports 2D, 3D, and millions of data points.

ChartsEnterpriseReact+2
ChartsDetails
Recharts logo

Recharts

28k+

A redefined, declarative chart library built with React and D3. The most popular React charting package with 27k+ stars.

ChartsReactTypeScript
ChartsDetails
Park UI logo

Park UI

2.4k+

A universal component library built on Ark UI state machines with support for Panda CSS and Tailwind CSS across React, Vue, and Solid.

AccessibilityHeadlessReact+2
AccessibilityDetails
Headless UI logo

Headless UI

29k+

Completely unstyled, fully accessible UI components by Tailwind Labs, designed to integrate seamlessly with Tailwind CSS.

AccessibilityHeadlessReact+2
AccessibilityDetails
React Aria logo

React Aria

16k+

Adobe's library of unstyled React hooks and components that provide accessible UI primitives for design systems and apps.

AccessibilityHeadlessReact+1
AccessibilityDetails
Cult UI logo

Cult UI

6.6k+

A curated library of animated React components styled with Tailwind CSS, Framer Motion, and shadcn tokens for ambitious builders.

AnimationCopy & PasteReact+1
AnimationDetails
React Bits logo

React Bits

50k+

A massive open-source collection of 100+ animated React components, text effects, backgrounds, and interactive cards with 46k+ stars.

AnimationCopy & PasteReact+1
AnimationDetails
Bklit UI logo

Bklit UI

1.8k+

Customizable charts and data visualization primitives for React built with Visx, Motion, and shadcn/ui registry support.

ChartsCopy & PasteReact+2
ChartsDetails
Animata logo

Animata

3k+

Hand-crafted animated React components styled with Tailwind CSS. Copy-paste animations, cards, buttons, and bento grids.

AnimationCopy & PasteReact+1
AnimationDetails
Uiverse.io logo

Uiverse.io

14k+

The largest open-source library of 3,000+ community-made UI elements in pure CSS, Tailwind, and React. 100% free for commercial use.

Copy & PastePure CSSReact+2
Copy & PasteDetails
PrimeReact logo

PrimeReact

8.3k+

A complete suite of 90+ enterprise React UI components. Features advanced DataTables, form builders, and Tailwind unstyled mode.

AccessibilityEnterpriseReact+2
AccessibilityDetails
Phosphor Icons logo

Phosphor Icons

1.8k+

A flexible icon family for interfaces, diagrams, and presentations. 9,000+ icons across 6 cohesive weights (Thin to Fill).

Icons & AssetsReactTypeScript+1
Icons & AssetsDetails
React Icons logo

React Icons

13k+

Include popular icons in your React projects easily with SVG imports from FontAwesome, Material Icons, Feather, Tabler, and Lucide.

Icons & AssetsReactTypeScript
Icons & AssetsDetails
Morphicons logo

Morphicons

2.9k+

Dynamic morphing animated icons library for modern web applications. Smooth SVG vector interpolations between states.

AnimationIcons & AssetsReact+1
AnimationDetails
gluestack-ui logo

gluestack-ui

5.3k+

Universal, accessible component library for React Native and Web styled with Tailwind CSS (NativeWind).

AccessibilityReactReact Native+2
AccessibilityDetails
React Spring logo

React Spring

29k+

Spring-physics-based animation library for React by Poimandres (pmndrs). Natural, fluid, and interruption-safe motion.

AnimationReactTypeScript
AnimationDetails
Tamagui logo

Tamagui

14k+

Universal UI system and component kit for React Native and Web with an optimizing compiler for zero-runtime performance.

AccessibilityReactReact Native+1
AccessibilityDetails
Cloudscape Design System logo

Cloudscape Design System

2.7k+

Amazon Web Services (AWS) open-source design system built for web applications, cloud management consoles, and high-density portals.

AccessibilityEnterpriseReact+1
AccessibilityDetails
Primer React logo

Primer React

3.9k+

GitHub's official design system implementation for React. Crisp, accessible, and structured for developer workflows.

AccessibilityDesign TokensReact+1
AccessibilityDetails
Ring UI logo

Ring UI

3.8k+

JetBrains' open-source web UI components library powering products like YouTrack, Hub, and TeamCity.

EnterpriseReactTypeScript
EnterpriseDetails
Semi Design logo

Semi Design

10k+

ByteDance's modern enterprise design system and React component library with powerful theme customization and Figma sync.

AccessibilityEnterpriseReact+1
AccessibilityDetails
Fluent UI React logo

Fluent UI React

20k+

Microsoft's official enterprise design system implementation for React (Fluent 2). Built for massive scale and accessibility.

AccessibilityEnterpriseReact+1
AccessibilityDetails
coss UI logo

coss UI

2

The official open-source design system of Cal.com. Modern, minimal, copy-paste React components styled with Tailwind CSS.

Copy & PasteReactTailwind Ecosystem+1
Copy & PasteDetails
Mantine logo

Mantine

32k+

A comprehensive React component library with 100+ customizable components, 50+ built-in hooks, and dedicated form management.

AccessibilityEnterpriseReact+1
AccessibilityDetails
Chakra UI logo

Chakra UI

41k+

Simple, modular, and accessible component library providing essential building blocks for fast React and Next.js applications.

AccessibilityCSS-in-JSReact+1
AccessibilityDetails
Base UI logo

Base UI

11k+

Unstyled, accessible React component primitives from the creators of Radix, Floating UI, and Material UI. Pure customizability with zero styling opinions.

AccessibilityHeadlessReact+1
AccessibilityDetails
Material UI (MUI) logo

Material UI (MUI)

99k+

An open-source React component library implementing Google's Material Design. Comprehensive, production-ready, and highly customizable.

AccessibilityCSS-in-JSEnterprise+2
AccessibilityDetails
TDesign logo

TDesign

4.1k+

Tencent's official enterprise design system. Multi-framework, multi-platform, and battle-tested across thousands of business scenarios.

EnterpriseReactTypeScript+1
EnterpriseDetails
Motion (Framer Motion) logo

Motion (Framer Motion)

34k+

The complete animation library for React and the web. Silky smooth spring physics, layout animations, and gesture support.

AnimationReactTypeScript
AnimationDetails
Lucide Icons logo

Lucide Icons

25k+

Beautiful & consistent open-source icon library. An actively maintained community fork of Feather Icons supporting React, Vue, Svelte, and more.

Icons & AssetsReactSvelte+2
Icons & AssetsDetails
Ark UI logo

Ark UI

5.4k+

Universal headless UI components powered by Zag.js state machines. Works seamlessly across React, Vue, and Svelte.

AccessibilityHeadlessReact+3
AccessibilityDetails
Arco Design logo

Arco Design

5.7k+

ByteDance's comprehensive enterprise design system and component library, supporting both React and Vue with flexible theme token algorithms.

EnterpriseReactTypeScript+1
EnterpriseDetails
HeroUI (NextUI) logo

HeroUI (NextUI)

31k+

Beautiful, fast and modern React UI library with built-in Tailwind CSS and silky smooth spring animations (formerly NextUI).

AccessibilityAnimationReact+2
AccessibilityDetails
daisyUI logo

daisyUI

43k+

The most popular component library for Tailwind CSS. Pure semantic class names, zero JS runtime overhead, and 30+ themes built-in.

ReactSvelteTailwind Ecosystem+2
ReactDetails
Ant Design logo

Ant Design

100k+

An enterprise-class UI design language and React component library with a massive ecosystem and world-class enterprise adoption.

AccessibilityEnterpriseReact+1
AccessibilityDetails
Radix UI Primitives logo

Radix UI Primitives

19k+

Unstyled, accessible UI components for building high-quality design systems and web apps in React. The foundation of shadcn/ui.

AccessibilityHeadlessReact+1
AccessibilityDetails
Aceternity UI logo

Aceternity UI

16k+

Trending copy-paste components with stunning 3D visual effects, card spotlights, and glowing gradients for modern web design.

AnimationCopy & PasteReact+2
AnimationDetails
Magic UI logo

Magic UI

23k+

Over 50+ animated UI components built with React, TypeScript, Tailwind CSS, and Motion (Framer Motion). Perfect for modern landing pages.

AnimationCopy & PasteReact+2
AnimationDetails
shadcn/ui logo

shadcn/ui

126k+

Beautifully designed, accessible components that you can copy and paste directly into your apps. Built with Radix UI and Tailwind CSS.

AccessibilityCopy & PasteHeadless+3
AccessibilityDetails

Related Guides