UI 组件套件

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.

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.

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.

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.

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.

nxui (Vue)

215

A collection of 230+ beautiful animated Vue 3 components built with Tailwind CSS v4 and motion-v. Copy, paste, and ship with Nuxt 4 and shadcn-vue.

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.

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.

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.

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.

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.

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.

Amicro

2.6k+

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

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.

Svelte Bits

383

An open-source collection of animated UI components, interactive backgrounds, and kinetic text effects built specifically for Svelte 5 and SvelteKit.

Honest UI

920

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

Afterglow

8

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

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.

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.

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.

Tetra UI

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

AniUI

106

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

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.

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.

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.

Fancy Components

3.3k+

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

Motion Primitives

6.7k+

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

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.

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.

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.

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.

beUI

1.8k+

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

Extend UI

1.6k+

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

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.

Animal Island UI

5k+

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

NeonBlade UI

131

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

Performative UI

930

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

Eldora UI

2k+

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

Tremor

3.7k+

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

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.

Cult UI

6.6k+

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

React Bits

50k+

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

Bklit UI

1.8k+

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

Animata

3k+

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

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.

Ant Design Vue

22k+

The official Vue 3 implementation of Ant Design. 60+ components with comprehensive TypeScript support and enterprise polish.

OpenTiny (TinyVue)

2.3k+

Huawei Cloud's enterprise design system and cross-framework component suite supporting Vue 2, Vue 3, and Mobile with 100+ components.

Arco Design Vue

3.1k+

ByteDance's open-source enterprise design system implementation for Vue 3. 60+ components with dark mode and theme studio.

Quasar Framework

27k+

Build high-performance Vue.js applications for SPA, PWA, SSR, Mobile (Capacitor/Cordova), and Desktop (Electron) from a single codebase.

Naive UI

19k+

A clean, fast, and highly customizable Vue 3 component library. 80+ components with complete TypeScript coverage and zero CSS file imports.

PrimeReact

8.3k+

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

PrimeVue

14k+

Next-generation Vue UI component suite with 90+ rich components, unstyled mode, and complete Tailwind CSS preset support.

Nuxt UI

7k+

A UI library for modern Vue and Nuxt applications. Powered by Tailwind CSS and Reka UI (Radix Vue) for full accessibility.

Vuetify

41k+

The most popular Material Design component framework for Vue 3. 80+ crafted components, dynamic layouts, and responsive grid.

gluestack-ui

5.3k+

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

React Native Paper

14k+

Material Design 3 component library for React Native by Callstack. Cross-platform, highly accessible, and customizable.

Panel UI

828

Open-source, high-performance React Native component library designed for Expo with 110+ typed component modules and zero native binaries.

HeroUI Native

3.7k+

A modern React Native component library inspired by HeroUI / NextUI for iOS and Android. Fast, accessible, and styled with Tailwind.

Tamagui

14k+

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

Cloudscape Design System

2.7k+

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

Primer React

3.9k+

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

Ring UI

3.8k+

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

Semi Design

10k+

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

Fluent UI React

20k+

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

coss UI

2

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

Mantine

32k+

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

Chakra UI

41k+

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

Material UI (MUI)

99k+

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

TDesign

4.1k+

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

Arco Design

5.7k+

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

HeroUI (NextUI)

31k+

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

daisyUI

43k+

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

Element Plus

28k+

A Vue 3 based component library for designers and developers. The gold standard for Vue enterprise admin dashboards.

Ant Design

100k+

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

Aceternity UI

16k+

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

Magic UI

23k+

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

shadcn/ui

126k+

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