Skip to content
返回列表

#React

94项资源

收录所有带有 #React 标签的 UI 组件库与指南。

相关组件库

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.

动效动画源码拷贝React+2
动效动画详情
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.

源码拷贝设计令牌Gamification+3
源码拷贝详情
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.

源码拷贝MotionReact+3
源码拷贝详情
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.

源码拷贝MotionReact+3
源码拷贝详情
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.

Blocks源码拷贝Motion+3
Blocks详情
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.

动效动画CLI 工具源码拷贝+2
动效动画详情
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.

动效动画CLI 工具纯 CSS+2
动效动画详情
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.

无障碍支持源码拷贝React+2
无障碍支持详情
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.

图表与可视化源码拷贝React+2
图表与可视化详情
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.

动效动画源码拷贝React+2
动效动画详情
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.

无障碍支持设计令牌企业级+2
无障碍支持详情
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.

动效动画CLI 工具源码拷贝+2
动效动画详情
Amicro logo

Amicro

2.6k+

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

动效动画源码拷贝React+2
动效动画详情
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 工具源码拷贝React+2
CLI 工具详情
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.

动效动画CLI 工具图标资产+3
动效动画详情
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 工具纯 CSS图标资产+4
CLI 工具详情
Honest UI logo

Honest UI

920

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

动效动画源码拷贝React+2
动效动画详情
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 工具源码拷贝React+1
CLI 工具详情
Afterglow logo

Afterglow

8

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

源码拷贝设计令牌React+2
源码拷贝详情
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.

无障碍支持源码拷贝企业级+3
无障碍支持详情
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.

动效动画源码拷贝React+3
动效动画详情
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 / 大模型源码拷贝无头交互+4
AI / 大模型详情
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.

无头交互React富文本与编辑器+3
无头交互详情
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 工具图标资产React+3
CLI 工具详情
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.

图表与可视化源码拷贝React+2
图表与可视化详情
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.

无障碍支持源码拷贝React+2
无障碍支持详情
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.

动效动画源码拷贝React+2
动效动画详情
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 / 大模型源码拷贝React+2
AI / 大模型详情
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.

动效动画CLI 工具React+3
动效动画详情
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.

动效动画源码拷贝React+1
动效动画详情
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.

源码拷贝ReactTailwind 生态+1
源码拷贝详情
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.

动效动画源码拷贝图标资产+3
动效动画详情
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.

动效动画源码拷贝图标资产+3
动效动画详情
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.

动效动画源码拷贝React+2
动效动画详情
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.

动效动画源码拷贝React+2
动效动画详情
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).

动效动画ReactSvelte+3
动效动画详情
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.

动效动画源码拷贝React+2
动效动画详情
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.

动效动画源码拷贝React+2
动效动画详情
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.

动效动画源码拷贝React+2
动效动画详情
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 工具图标资产React+4
CLI 工具详情
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.

无障碍支持设计令牌企业级+2
无障碍支持详情
beUI logo

beUI

1.8k+

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

动效动画源码拷贝React+1
动效动画详情
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 / 大模型源码拷贝React+2
AI / 大模型详情
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.

动效动画源码拷贝图标资产+2
动效动画详情
Paper Shaders logo

Paper Shaders

3.8k+

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

动效动画ReactTypeScript
动效动画详情
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 / 大模型动效动画源码拷贝+1
AI / 大模型详情
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.

动效动画源码拷贝React+1
动效动画详情
NeonBlade UI logo

NeonBlade UI

131

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

动效动画源码拷贝React+1
动效动画详情
Performative UI logo

Performative UI

930

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

动效动画源码拷贝React+1
动效动画详情
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.

动效动画源码拷贝React+1
动效动画详情
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.

图表与可视化无头交互React+1
图表与可视化详情
Tremor logo

Tremor

3.7k+

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

图表与可视化源码拷贝企业级+2
图表与可视化详情
TanStack Chart logo

TanStack Chart

5k+

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

图表与可视化无头交互React+1
图表与可视化详情
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.

图表与可视化企业级React+2
图表与可视化详情
Recharts logo

Recharts

28k+

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

图表与可视化ReactTypeScript
图表与可视化详情
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.

无障碍支持无头交互React+2
无障碍支持详情
Headless UI logo

Headless UI

29k+

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

无障碍支持无头交互React+2
无障碍支持详情
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.

无障碍支持无头交互React+1
无障碍支持详情
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.

动效动画源码拷贝React+1
动效动画详情
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.

动效动画源码拷贝React+1
动效动画详情
Bklit UI logo

Bklit UI

1.8k+

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

图表与可视化源码拷贝React+2
图表与可视化详情
Animata logo

Animata

3k+

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

动效动画源码拷贝React+1
动效动画详情
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.

源码拷贝纯 CSSReact+2
源码拷贝详情
PrimeReact logo

PrimeReact

8.3k+

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

无障碍支持企业级React+2
无障碍支持详情
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).

图标资产ReactTypeScript+1
图标资产详情
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.

图标资产ReactTypeScript
图标资产详情
Morphicons logo

Morphicons

2.9k+

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

动效动画图标资产React+1
动效动画详情
gluestack-ui logo

gluestack-ui

5.3k+

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

无障碍支持ReactReact Native+2
无障碍支持详情
React Spring logo

React Spring

29k+

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

动效动画ReactTypeScript
动效动画详情
Tamagui logo

Tamagui

14k+

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

无障碍支持ReactReact Native+1
无障碍支持详情
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.

无障碍支持企业级React+1
无障碍支持详情
Primer React logo

Primer React

3.9k+

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

无障碍支持设计令牌React+1
无障碍支持详情
Ring UI logo

Ring UI

3.8k+

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

企业级ReactTypeScript
企业级详情
Semi Design logo

Semi Design

10k+

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

无障碍支持企业级React+1
无障碍支持详情
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.

无障碍支持企业级React+1
无障碍支持详情
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.

源码拷贝ReactTailwind 生态+1
源码拷贝详情
Mantine logo

Mantine

32k+

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

无障碍支持企业级React+1
无障碍支持详情
Chakra UI logo

Chakra UI

41k+

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

无障碍支持CSS-in-JSReact+1
无障碍支持详情
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.

无障碍支持无头交互React+1
无障碍支持详情
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.

无障碍支持CSS-in-JS企业级+2
无障碍支持详情
TDesign logo

TDesign

4.1k+

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

企业级ReactTypeScript+1
企业级详情
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.

动效动画ReactTypeScript
动效动画详情
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.

图标资产ReactSvelte+2
图标资产详情
Ark UI logo

Ark UI

5.4k+

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

无障碍支持无头交互React+3
无障碍支持详情
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.

企业级ReactTypeScript+1
企业级详情
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).

无障碍支持动效动画React+2
无障碍支持详情
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 生态+2
React详情
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.

无障碍支持企业级React+1
无障碍支持详情
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.

无障碍支持无头交互React+1
无障碍支持详情
Aceternity UI logo

Aceternity UI

16k+

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

动效动画源码拷贝React+2
动效动画详情
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.

动效动画源码拷贝React+2
动效动画详情
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.

无障碍支持源码拷贝无头交互+3
无障碍支持详情

相关专栏文章