Um gerador de Design System que não pede nada em troca.
Lunamus é um gerador gratuito e 100% client-side de Design Systems: roda direto no navegador, sem login, sem servidor e sem coleta de dados, e exporta tokens visuais e 16 componentes-base prontos em HTML, CSS puro, JSX ou Tailwind CSS.
Como funciona
Dê um nome
Batize seu Design System. É o único campo obrigatório para começar.
Escolha o estilo
HTML ou JSX, Tailwind ou CSS Puro, cor de marca, tipografia e tom de cinza — tudo em poucos cliques.
Exporte e use
Baixe um .zip com tokens documentados e os 16 componentes-base prontos, no formato escolhido lá no passo 2.
Por que ele existe
100% no seu navegador
Nada é enviado a nenhum servidor. O projeto inteiro vive no localStorage do seu próprio navegador — funciona até sem internet.
Sem login
Sem conta, sem senha, sem fricção.
16 componentes
O catálogo-base de qualquer interface.
Tokens de verdade
Cores, tipografia e espaçamento documentados.
Exporte como quiser
HTML+CSS ou TSX/JSX com CSS Module.
Sem rastreamento
Nenhum dado seu sai do navegador.
O DESIGN.md, feito para ser lido por IA
Toda exportação do Lunamus inclui um arquivo DESIGN.md contendo apenas os tokens visuais do projeto — cores, tipografia, espaçamento, bordas e sombras — nunca HTML ou marcação de componente.
Ele existe para um único propósito: dar contexto de design direto a um agente de IA num fluxo de Vibe Coding, sem que o agente precise ler (ou adivinhar) o código dos componentes para saber qual é a cor de marca ou a escala de espaçamento do projeto.
Ver mais perguntas frequentes# Meu Design System — Design Tokens
> Gerado pelo Lunamus. Este documento contém apenas
> tokens visuais (sem HTML/DOM), para consumo direto
> por agentes de IA (Vibe Coding).
## Cores
| Token | Valor |
|-------------|---------|
| primary-500 | #A7CF22 |
| gray-500 | #71717A |
## Tipografia
| Token | Valor |
|-----------|---------------------|
| font-sans | 'Inter', sans-serif |“Vibe Coding não deveria começar com um formulário de cadastro.”
É por isso que o Lunamus não tem conta nem banco de dados: só você, o navegador e um Design System pronto em minutos.
Pronto para começar?
Três passos, nenhum cadastro. Seu primeiro Design System pode estar pronto antes do café esfriar.
Criar meu Design System