OPEN SOURCE, OPEN TO EVERYONE

Open source. Open possibilities.

Discover quality open-source projects, submit projects anonymously, and claim and edit your own project.

Human-curated · Discover open source4109discovered

A little curiosity. A world of open source.

THE FIRST COLLECTION
Topic: design-systems清除
cssprimer
ADDED

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.

DesignDeveloper toolsDesign systems
ADDED

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.

Developer toolsDesignComponent libraries
dembrandtdembrandt
ADDED

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.

DesignDeveloper toolsDesign systems
storybookstorybookjs
ADDED

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.

Developer toolsFrontend tooling
design-systempriceline
ADDED

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.

DesignDeveloper toolsDesign systems
ADDED

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.

DesignDeveloper toolsDesign systems
helsinki-design-systemCity-of-Helsinki
ADDED

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.

DesignDeveloper toolsDesign systems
tw-elementsmdbootstrap
ADDED

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.

Developer toolsDesignComponent libraries
themesradix-ui
ADDED

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.

Developer toolsDesignComponent libraries
zagchakra-ui
ADDED

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.

Developer toolsDesignComponent libraries
ant-designant-design
ADDED

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.

Developer toolsDesignComponent libraries

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.

DesignDeveloper toolsDesign systems
skillsblakecyze
ADDED

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.

Developer toolsAI & MLTemplates & starters
tinteRailly
ADDED

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.

DesignDeveloper toolsDesign systems
ADDED

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.

DesignDeveloper toolsDesign systems
primitivesradix-ui
ADDED

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.

DesignDeveloper toolsDesign systems
ADDED

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.

DesignDeveloper toolsUI/UX & prototyping
daisyuisaadeghi
ADDED

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.

Developer toolsComponent libraries
fastmicrosoft
ADDED

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.

Developer toolsDesignComponent libraries