Radix Themes is an open-source React component library focused on fast development, easy maintenance and accessibility, maintained by WorkOS. The README points to full documentation, release notes, contributor guidelines, community channels and its MIT license.
Open source. Open possibilities.
Discover quality open-source projects, submit projects anonymously, and claim and edit your own project.
A little curiosity. A world of open source.
THE FIRST COLLECTIONZag provides headless, framework-agnostic state machines for accessible JavaScript UI components, with adapters for React, Solid, Vue and Svelte and unstyled APIs for building your own design system.
Ant Design is an enterprise-class UI design language and React component library written in TypeScript, offering ready-to-use quality components, design resources, theming and internationalization.
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.
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.
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.
Better Design is an open-source MCP server and shadcn/ui registry that supplies AI coding agents with design systems, semantic CSS tokens, component overrides, UI principles, icon matching, and WCAG-oriented review rules. It includes 31 themes and connects to Claude Code, Cursor, VS Code/GitHub Copilot, Claude Desktop, and other MCP clients.
Radix Primitives is an open-source, low-level UI component library for building accessible design systems and web apps, focused on accessibility, customization and developer experience. MIT-licensed, maintained by WorkOS.
OpenDesign is an open-source, local-first desktop alternative to Claude Design. It is agent-native, supports 25+ coding CLIs including DeepSeek Harness, generates prototypes, decks, images, videos with brand-grade DESIGN.md systems, and exports to HTML/PDF/PPTX/MP4 under Apache 2.0 license.
FAST is Microsoft's adaptive interface system for the modern web, providing a lightweight framework for building standards-compliant Web Components plus a Fluent design component library.
Primer CSS is the CSS implementation of GitHub's Primer Design System, distributed as the @primer/css npm package. It provides Sass/SCSS source files with utility classes and component styles for core, product and marketing contexts. The project is now in maintenance (KTLO) mode.
Base Web is a React component library implementing Uber's Base design system, offering modern, responsive UI components with TypeScript support and Styletron-based styling. Currently in maintenance mode.
Dembrandt is a Node.js CLI that renders a site with Playwright, reads computed DOM styles, and turns colors, typography, spacing, borders, shadows, motion and components into W3C design tokens, with CI drift gates and MCP support.
Priceline Design System is Priceline.com's open-source UI component library and design standard. It aims to unify interface patterns, speed design and development, and promote accessibility, internationalization, and responsive web design. It ships as the npm package pcln-design-system with Storybook docs and an MIT license.
Chromatic is a build tool for managing cross-platform design systems from design-token files. It supports expressive token expressions, themes, YAML/JSON input, and generates Sass, CSS, iOS, Android, and HTML style-guide outputs.
Helsinki Design System (HDS) is an open-source design system from the City of Helsinki, offering accessible React components, CSS styles and design tokens, alongside documentation and design resources.
A collection of 120 plain-text DESIGN.md brand design specifications reverse engineered from live production sites, letting AI coding agents generate on-brand UI. Each brand includes real colors, typography, components and guardrails plus a self-contained preview.html.
TW Elements is an MIT-licensed component library for Tailwind CSS, offering 500+ interactive UI components and 117+ design blocks with dark mode support, theming options, and quick installation for personal and commercial use.