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.
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 COLLECTIONBase 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.
Storybook is a frontend workshop for building, documenting, and testing UI components and pages in isolation. It supports many frameworks and offers addons for accessibility, documentation, and interactive development.
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.
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.
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.
Zag 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.
A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.
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.
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.
daisyUI is a free and open-source component library for Tailwind CSS. It offers pre-designed, customizable UI components that can be used directly in HTML. The project is popular and includes extensive documentation, a component gallery, and community support.
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.