Open source. Open possibilities.

Codex is the design system for Wikimedia, offering Vue 3 and CSS components, design tokens, icons, and a VitePress documentation site. It supports internationalization and meets WCAG 2.1 AA accessibility standards.

Cloudscape Design System's React component library, open-sourced by AWS. Provides accessible, ready-made UI components and global styles for building large-scale web applications, with documentation on the Cloudscape website.

Skeleton is an adaptive design system built on Tailwind CSS. It provides turnkey components for popular web frameworks, along with documentation, a theme generator, and community channels.

Ark UI is a headless, unstyled component library from the Chakra UI team, offering 45+ accessible UI primitives built on Zag.js state machines with the same API across React, Solid, Vue and Svelte.

Carbon is IBM's open-source design system for products and experiences. This monorepo provides React and web component libraries, Sass styles, design tokens, icons, pictograms, and tooling for building consistent interfaces.

@alifd/next is Alibaba Fusion's configurable React component library for enterprise backend (mid/back-office) systems. It pairs with Fusion Design theme packages so designers and developers share one visual source, and supports npm or browser installs plus per-module imports.

Flowbite is an open-source UI component library built on Tailwind CSS, offering interactive components like modals, dropdowns and datepickers driven by data attributes, with vanilla JS APIs, TypeScript types, RTL support and bindings for React, Vue, Svelte and Angular.

HeroUI Native is an Apache-2.0 React Native UI component library positioned as beautiful, fast, and modern. It provides documentation, a quick-start example app, and a preview app for exploring components and variants on device.

designlang is a Playwright-based CLI that reads a website's live DOM and extracts its design system: DTCG tokens, Tailwind config, Figma variables, shadcn theme, component anatomy, motion tokens, brand voice, WCAG contrast audits, and multi-platform emitters, plus MCP server and Chrome extension.

Arco Design Vue is a comprehensive Vue 3 UI component library built on the Arco Design system, offering over 60 ready-to-use TypeScript components, customizable theme tokens, and an npm package named @arco-design/web-vue.

A curated English-language collection of bookmarks, resources, articles, and tools about design systems for developers, covering design tools, design tokens, pattern libraries, component testing, books, and talks.

A Svelte component library implementing IBM's open source Carbon Design System, with 90+ accessible, fully typed components, five built-in themes, and companion icon, pictogram and chart packages.

Tinte compiles a design system into an Agent Plugin: it extracts an identity from a reference, emits SKILL.md plus tokens.css, and lints colors that bypass the tokens. The same config also outputs shadcn presets, editor themes and terminal color schemes.

Bezier React is a monorepo whose main package is a React component library implementing the Bezier design system, alongside icon, design token, codemod, Figma plugin and Stylelint packages.

Curated collection of DESIGN.md files extracted from real websites and brands. Drop a DESIGN.md into your project and let AI coding agents generate UI consistent with that brand's visual identity, colors, typography, and layout patterns.

Welcome UI is the customizable design system open-sourced by Welcome to the Jungle (@wttj). Built with React, TypeScript, Tailwind CSS and Ariakit, it collects the core components needed to build a delightful web application, with detailed documentation in the library README.

brandmd is a CLI that extracts a website's design system into a spec-valid DESIGN.md passing the official @google/design.md linter, giving Claude Code, Cursor and other coding agents brand context before they write UI. Runs locally with no API key by default.

GlassKit is a dependency-free CSS component library with a glassmorphism look inspired by iOS 26 Liquid Glass: themes, design tokens, utility classes and a Constructable Stylesheet for Shadow DOM.

Morphous is a static TanStack Start catalog of nature-inspired design systems. It publishes motif assets, light and dark design-system boards, recorded prompts, and shadcn/tweakcn-compatible theme exports, with catalog validation, preview generation, tests, and GitHub Pages deployment.

A Claude skill for inspecting and building Figma design systems, providing read-only audits (WCAG, token compliance, interactive states, etc.) and a build mode that creates components, adds slots, and optionally exports tokens.css and AI rules for seamless design‑to‑code integration.