Design Oracle analisa websites com Playwright para extrair sistemas de design — cores, tipografia, espaçamento e componentes — exportando configurações Tailwind v4, React JSX, tokens JSON ou relatórios DESIGN.md.
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 COLLECTIONUma biblioteca de Agent Skills não oficial e open-source focada em Codex, com 80 habilidades selecionadas para frontend premium, websites, motion, acessibilidade, QA e fluxos de agentes confiáveis.
Stisla é uma biblioteca de componentes de código aberto cujos componentes compartilham um conjunto restrito de design tokens para cor, espaçamento, raio e tipografia. O README aponta para stisla.dev para documentação e templates.
Franken UI (franken-ui/ui) é uma biblioteca de componentes de UI focada em HTML, construída sobre UIkit 3, estendida com LitElement e inspirada no shadcn/ui. Seu README agora anuncia a migração para o 0build.
Projeto de site open-source baseado em Django para a Christ College of Engineering (CCE) da Índia, funcionando como portal informativo do instituto.
kampsy/ui é uma biblioteca de componentes UI para Svelte 5, inspirada no design Geist da Vercel. Dispõe de documentação online em ui.kampsy.xyz e é licenciada sob MIT.
Tailgrids é uma biblioteca de componentes UI de código aberto para React construída com Tailwind CSS, oferecendo mais de 100 componentes prontos para produção, blocos de UI, templates, suporte a TypeScript e modo escuro.
Go Performance Starter é um micro-SaaS opinativo com Go, templ, HTMX, Supabase e RLS no Postgres, com orçamentos de performance e regras de IA em CI.
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.
Open Video Downloader é um aplicativo desktop multiplataforma que oferece uma interface gráfica para o yt-dlp. Permite aos usuários baixar vídeo, áudio, legendas e metadados de vários sites nas plataformas Windows, macOS e Linux.
Twin.macro é uma macro do Babel que traz as classes utilitárias do Tailwind CSS para fluxos de trabalho CSS-in-JS, convertendo tw, css, styled e theme em objetos CSS no momento da compilação.
O UPORTAL é uma plataforma auto-hospedada de código aberto para rastreamento de e-mails, links e gerenciamento controlado de publicações, com addon para Thunderbird, páginas Markdown hospedadas, rastreamento de downloads de arquivos e análises unificadas.
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.
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.
RetroUI é uma biblioteca de componentes Tailwind CSS com visual retrô que oferece elementos UI inspirados no NeoBrutalismo, permitindo a criação rápida de interfaces ousadas e distintivas para apps web modernos.
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.
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.
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.
React Bits é uma biblioteca de código aberto com mais de 165 componentes React animados e interativos para criar sites visualmente impressionantes. Inclui animações de texto, fundos, elementos de UI e ferramentas criativas gratuitas.
Marigold é uma implementação em React do Marigold Design System, construída com react-aria e Tailwind CSS. O monorepo inclui pacotes de componentes e temas, Storybook, documentação em Next.js, testes Vitest e releases via Changesets.