Código aberto. Novas possibilidades.

Priceline Design System é a biblioteca open-source de componentes de interface e padrão de design do Priceline.com. Visa unificar padrões de interface, acelerar design e desenvolvimento, e promover acessibilidade, internacionalização e design responsivo. É publicado como pacote npm pcln-design-system com documentação Storybook e licença MIT.

Chromatic é uma ferramenta de build para gerenciar sistemas de design multiplataforma a partir de arquivos de design-tokens, suportando expressões, temas e saídas em Sass, CSS, iOS, Android e HTML.

O Helsinki Design System (HDS) é um sistema de design open-source da Cidade de Helsinque, oferecendo componentes React acessíveis, estilos CSS e design tokens, além de documentação e recursos de design.

design-md-hub é um repositório open-source com 120 sistemas de design de marcas, cada um em um arquivo DESIGN.md extraído de sites reais, permitindo que agentes de IA gerem UI fiel à identidade visual.

TW Elements é uma biblioteca de componentes com licença MIT para Tailwind CSS, oferecendo mais de 500 componentes de UI interativos e 117+ blocos de design com suporte a modo escuro e opções de temas.

Radix Themes é uma biblioteca de componentes React open-source focada em desenvolvimento rápido, fácil manutenção e acessibilidade, mantida pela WorkOS.

Zag oferece máquinas de estado headless e framework-agnostic para componentes UI acessíveis em JavaScript, com adaptadores para React, Solid, Vue e Svelte e APIs unstyled para construir seu próprio design system.

Ant Design é uma linguagem de design de UI de classe empresarial e uma biblioteca de componentes React escrita em TypeScript, oferecendo componentes de qualidade prontos para uso, recursos de design, temas e internacionalização.

Uma coleção selecionada de marcadores, recursos, artigos e ferramentas em inglês sobre design systems para desenvolvedores, abrangendo ferramentas de design, design tokens, bibliotecas de padrões, testes de componentes, livros e palestras.

Um conjunto de sete bibliotecas de habilidades para agentes de codificação de IA, abrangendo limpeza de código, edição de prosa, orquestração de agentes paralelos, design de interface, feedback de produto, pesquisa de design e QA. Funciona com Claude Code, Cursor, Codex e outros agentes que leem arquivos de habilidades.

Tinte compila um design system em um Agent Plugin: extrai a identidade de uma referência, gera SKILL.md e tokens.css, e valida cores. A mesma config gera presets shadcn, temas de editor e esquemas de terminal.

Welcome UI é um sistema de design open-source desenvolvido pelo Welcome to the Jungle (@wttj). Construído com React, TypeScript, Tailwind CSS e Ariakit, reúne os componentes essenciais para criar aplicações web, com documentação detalhada no README da biblioteca.

Better Design é um servidor MCP de código aberto e registro shadcn/ui que fornece a agentes de codificação IA sistemas de design, tokens CSS semânticos, princípios de UI e regras de revisão WCAG.

Radix Primitives é uma biblioteca de componentes de UI de baixo nível e código aberto para criar sistemas de design e apps web acessíveis, focada em customização e experiência do desenvolvedor. Licenciada sob MIT e mantida pela WorkOS.

OpenDesign é um aplicativo de desktop de código aberto e local, alternativo ao Claude Design. Ele é nativo de agente, suporta 25+ CLIs de codificação, incluindo o DeepSeek Harness, gera protótipos, apresentações, imagens e vídeos com sistemas de DESIGN.md de marca, e exporta para HTML/PDF/PPTX/MP4 sob a licença Apache 2.0.

daisyUI é uma biblioteca de componentes gratuita e de código aberto para Tailwind CSS, oferecendo componentes de UI pré-projetados e customizáveis para uso direto em HTML.

Primer CSS é a implementação CSS do Primer Design System do GitHub, distribuída via npm como @primer/css. Oferece classes utilitárias e estilos de componentes, estando atualmente em modo de manutenção (KTLO).

Base Web é uma biblioteca de componentes React que implementa o sistema de design Base da Uber, oferecendo componentes de UI modernos e responsivos com suporte a TypeScript e estilização baseada em Styletron. Atualmente em modo de manutenção.

Dembrandt é uma CLI Node.js que renderiza sites com Playwright, lê estilos DOM computados e converte cores, tipografia, espaçamento, bordas, sombras, movimento e componentes em tokens de design W3C, com gates de drift em CI e suporte MCP.

Storybook é um workshop de frontend para construir, documentar e testar componentes e páginas de UI isoladamente. Suporta diversos frameworks e oferece addons para acessibilidade e desenvolvimento interativo.