Design Systems
23resourcesBrowse all open source libraries and guides under Design Systems.
UI Component Libraries
Duolingo UI (ShadLingo)
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.
8bitcn/ui
Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.
Astryx (Meta)
Meta's open source enterprise design system and React 19 component library with 170+ accessible components, StyleX integration, and agent-ready tooling.
Afterglow
A complete retro terminal UI system for shadcn, featuring Base UI accessible components, CRT phosphor themes, and command-line aesthetics.
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.
Collect UI
A vast, categorized platform of 14,000+ hand-picked daily UI inspirations and user interface design patterns across 160+ UI categories.
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.
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.
Kumo UI (Cloudflare)
Cloudflare's official modern React component library built on Base UI primitives, featuring semantic design tokens and built-in accessibility.
Beautiful UI
A taste layer and design rulebook for AI coding assistants (Claude Code, Cursor, Codex) to eliminate AI-slop frontend designs.
Ant Design Vue
The official Vue 3 implementation of Ant Design. 60+ components with comprehensive TypeScript support and enterprise polish.
OpenTiny (TinyVue)
Huawei Cloud's enterprise design system and cross-framework component suite supporting Vue 2, Vue 3, and Mobile with 100+ components.
Arco Design Vue
ByteDance's open-source enterprise design system implementation for Vue 3. 60+ components with dark mode and theme studio.
Cloudscape Design System
Amazon Web Services (AWS) open-source design system built for web applications, cloud management consoles, and high-density portals.
Primer React
GitHub's official design system implementation for React. Crisp, accessible, and structured for developer workflows.
Ring UI
JetBrains' open-source web UI components library powering products like YouTrack, Hub, and TeamCity.
Semi Design
ByteDance's modern enterprise design system and React component library with powerful theme customization and Figma sync.
Fluent UI React
Microsoft's official enterprise design system implementation for React (Fluent 2). Built for massive scale and accessibility.
Material UI (MUI)
An open-source React component library implementing Google's Material Design. Comprehensive, production-ready, and highly customizable.
TDesign
Tencent's official enterprise design system. Multi-framework, multi-platform, and battle-tested across thousands of business scenarios.
Arco Design
ByteDance's comprehensive enterprise design system and component library, supporting both React and Vue with flexible theme token algorithms.
Element Plus
A Vue 3 based component library for designers and developers. The gold standard for Vue enterprise admin dashboards.
Ant Design
An enterprise-class UI design language and React component library with a massive ecosystem and world-class enterprise adoption.