Skip to content
返回列表

设计系统

23项资源

浏览 “设计系统” 分类下的所有开源组件库与指南。

相关组件库

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
源码拷贝详情
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
无障碍支持详情
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
无障碍支持详情
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
源码拷贝详情
Mobbin logo

Mobbin (Mobile & Web UI Design Library)

The world's largest mobile and web design reference library. Save hours of research with 300,000+ real-world screenshots, user flows, and UI patterns.

无障碍支持CLI 工具企业级+1
无障碍支持详情
Collect UI logo

Collect UI

A vast, categorized platform of 14,000+ hand-picked daily UI inspirations and user interface design patterns across 160+ UI categories.

无障碍支持Agent 技能CLI 工具+1
无障碍支持详情
Refero Design logo

Refero Design

A vast UX/UI intelligence and design research platform with 142,000+ indexed real-world product screens, interaction flows, and AI MCP agent integrations.

无障碍支持Agent 技能AI / 大模型+2
无障碍支持详情
Recent Design logo

Recent Design

A premier daily-updated gallery of web design, UI/UX, typography, motion, and visual experiments from elite designers and studios worldwide. The evolution of Godly.

无障碍支持动效动画CLI 工具+1
无障碍支持详情
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
无障碍支持详情
Beautiful UI logo

Beautiful UI

10

A taste layer and design rulebook for AI coding assistants (Claude Code, Cursor, Codex) to eliminate AI-slop frontend designs.

Agent 技能AI / 大模型CLI 工具
Agent 技能详情
Ant Design Vue logo

Ant Design Vue

22k+

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

无障碍支持企业级TypeScript+1
无障碍支持详情
OpenTiny (TinyVue) logo

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.

企业级TypeScriptVue.js
企业级详情
Arco Design Vue logo

Arco Design Vue

3.1k+

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

设计令牌企业级TypeScript+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
无障碍支持详情
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
企业级详情
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
企业级详情
Element Plus logo

Element Plus

28k+

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

企业级TypeScriptVue.js
企业级详情
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
无障碍支持详情