Código aberto. Novas possibilidades.

Chakra UI é um sistema de componentes React de código aberto para criar apps web e produtos SaaS acessíveis rapidamente. Suporta Next.js RSC e possui licença MIT.

Lightswind UI é uma biblioteca de componentes React documentada em inglês, distribuída via CLI. Oferece mais de 160 componentes animados e acessíveis, além de um servidor MCP para ferramentas de IA.

Codex é o sistema de design da Wikimedia, oferecendo componentes Vue 3 e CSS, tokens de design, ícones e um site de documentação VitePress. Suporta internacionalização e cumpre os padrões de acessibilidade WCAG 2.1 AA.

Biblioteca de componentes React do Cloudscape Design System, open-sourced pela AWS. Fornece componentes de UI acessíveis e prontos para uso e estilos globais para criar aplicações web em larga escala, com documentação no site do Cloudscape.

Skeleton é um sistema de design adaptável construído sobre o Tailwind CSS. Ele fornece componentes prontos para frameworks web populares, além de documentação, um gerador de temas e canais comunitários.

Ark UI é uma biblioteca de componentes headless e sem estilo da equipe Chakra UI, oferecendo mais de 45 primitivos de UI acessíveis baseados em máquinas de estado Zag.js com a mesma API para React, Solid, Vue e Svelte.

Carbon é o sistema de design de código aberto da IBM para produtos e experiências. Este monorepo fornece bibliotecas de React e web components, estilos Sass, tokens de design, ícones, pictogramas e ferramentas.

@alifd/next é a biblioteca de componentes React configurável do Alibaba Fusion para sistemas de backend corporativos. Ela integra-se a pacotes de temas do Fusion Design e suporta instalações via npm ou navegador.

Flowbite é uma biblioteca de componentes de UI de código aberto baseada em Tailwind CSS, oferecendo componentes interativos via atributos de dados, APIs de JS vanilla, tipos TypeScript e bindings para React, Vue, Svelte e Angular.

HeroUI Native é uma biblioteca de componentes UI para React Native sob a licença Apache-2.0, focada em ser bela, rápida e moderna, oferecendo documentação, app de exemplo e app de preview.

designlang é um CLI baseado em Playwright que extrai sistemas de design de URLs ao vivo, gerando tokens DTCG, config Tailwind, variáveis Figma, temas shadcn, anatomia de componentes, motion tokens, auditorias WCAG e emissores multi-plataforma.

Arco Design Vue é uma biblioteca abrangente de componentes UI Vue 3 construída sobre o sistema Arco Design, oferecendo mais de 60 componentes TypeScript prontos para uso, tokens de tema personalizáveis e um pacote npm chamado @arco-design/web-vue.

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.

Uma biblioteca de componentes Svelte que implementa o Carbon Design System de código aberto da IBM, com mais de 90 componentes acessíveis e tipados, cinco temas integrados e pacotes de ícones, pictogramas e gráficos.

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.

Bezier React é um monorepo cujo pacote principal é uma biblioteca de componentes React que implementa o sistema de design Bezier, juntamente com pacotes de ícones, tokens de design, codemod, plugin do Figma e Stylelint.

Coleção curada de arquivos DESIGN.md extraídos de sites reais e marcas. Adicione um DESIGN.md ao seu projeto e permita que agentes de codificação IA gerem interfaces alinhadas à identidade visual, cores, tipografia e padrões de layout da marca.

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.

O System Design Primer é um guia de código aberto para aprender arquitetura escalável e se preparar para entrevistas de system design, com recursos organizados, exercícios resolvidos e flashcards Anki.

brandmd é uma CLI que extrai o sistema de design de um site para um DESIGN.md válido, passando no linter oficial @google/design.md, fornecendo contexto de marca para Claude Code, Cursor e outros agentes.