Spruce CSS é um sistema de design e framework CSS open-source baseado em Sass, oferecendo variáveis, mixins, funções, poucas classes utilitárias e temas via propriedades customizadas de CSS com modo escuro.
Código aberto. Novas possibilidades.
Descubra projetos open source de qualidade, envie projetos anonimamente e reivindique e edite seu próprio projeto.
Um pouco de curiosidade. Um mundo de código aberto.
THE FIRST COLLECTIONO 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.
GitHub Dark é um projeto de userstyle que aplica um tema escuro ao GitHub, reduzindo o cansaço visual durante sessões de codificação. Inclui temas de realce de sintaxe para GitHub, CodeMirror e Jupyter, e é projetado para uso com extensões de navegador como Stylus.
Material Design for Bootstrap é um kit de UI gratuito com mais de 700 componentes, temas e modelos para criar sites responsivos e mobile-first. Disponível para jQuery, Angular, React e Vue sob licença MIT.
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.
Anime.js é uma biblioteca de animação JavaScript rápida e leve, com uma API poderosa para animar propriedades CSS, SVG, atributos DOM e objetos JavaScript.
Um diretório curado de frameworks CSS organizados por categoria, incluindo resets base, frameworks sem classes, opções leves, propósito geral, Material Design, utilitários, especializados e projetos descontinuados.
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.
Font Awesome é uma biblioteca de ícones e kit de ferramentas amplamente utilizada, que oferece recursos em SVG, fontes e CSS para designers e desenvolvedores. A Versão 7 é o lançamento atual.
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.
Uma galeria baseada na web projetada para exibir criações de pixel art.
Tabler é um kit de UI de dashboard HTML gratuito com licença MIT baseado em Bootstrap 5, oferecendo layouts prontos, componentes e mais de 120 páginas de demonstração para painéis administrativos e web apps.
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.
Metis é um template admin gratuito com licença MIT, construído com Bootstrap 5, Alpine.js, Vite e SCSS. Inclui dashboard responsivo, gestão de usuários, produtos, pedidos, calendário, mensagens, relatórios, configurações, autenticação e páginas de erro, com temas claro/escuro e ativos auto-hospedados.
Oruga é uma biblioteca de componentes UI leve para Vue.js 3, sem dependência de frameworks CSS.
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.
Webcore UI é uma biblioteca de componentes open-source para Astro, Svelte e React. Utiliza Sass para estilização e oferece componentes personalizáveis, blocos, templates, CLI, temas e variáveis CSS.
GlassKit é uma biblioteca de componentes CSS sem dependências com visual glassmorphism inspirado no iOS 26 Liquid Glass: temas, tokens de design, classes utilitárias e Constructable Stylesheet para Shadow DOM.
Morphous é um catálogo estático TanStack Start de sistemas de design inspirados na natureza, com ativos de motivos, temas compatíveis shadcn/tweakcn, prompts e deployment em GitHub Pages.