377 templates de site de graça, um pro teu negócio

O Tabbied tem 377 templates de site inteiros, um por tipo de negócio, que você recolore e baixa em HTML ou React sem criar conta, e que agora pode usar em site de cliente. De brinde, 382 padrões de fundo e uma ligação direta com a tua IA pra ela ver e editar o template.

Quando a gente pede pra IA o site de um negócio específico, uma barbearia, uma padaria, um dentista, sai tudo com a mesma cara e o mesmo degradê de sempre, porque ela não tem referência nenhuma daquele tipo de negócio.

O Tabbied resolve isso com 377 templates de site grátis, um pra cada tipo de negócio, cada um com um padrão geométrico como destaque do design. Você troca a paleta, troca o padrão e baixa, sem criar conta, e pode usar até em site de cliente. De brinde, tem 382 padrões de fundo pra usar na cor da tua marca. Foi feito pelo Sy Hong e pela Ye Joo Park, e o código está aberto no GitHub.

Os templates: um site por tipo de negócio

Na página de sites estão os 377 templates, com 12 categorias de filtro: loja, serviços, saúde, estúdio, cultura, comunidade, ciência e tecnologia, indústria, viagem, comida e bebida, bem-estar e esporte, e mídia. Serviços é a maior, com 88. Tem barbearia, padaria, clínica odontológica, encanador, loja de noivas, eletricista, floricultura e muitos outros.

Cada card abre o editor do template. Ali você troca a paleta, troca o padrão e baixa o site em HTML e CSS ou como projeto React. Baixar não pede conta: os termos atualizados em 15/10/2026 dizem que você não precisa de conta pra baixar um template nem pra ter a licença dele.

E a licença ficou clara. Pelos termos novos, o template serve pra fazer site pra você ou pra cliente, inclusive comercialmente. O que não pode é revender o template como template, tema ou kit, nem copiar o site a partir da prévia, na mão ou com IA. O caminho é baixar e editar o arquivo.

O template vem em inglês e com a marca de exemplo, e texto e foto ainda não se trocam no editor: pelo próprio FAQ, por enquanto isso é feito nos arquivos baixados. O que já vem resolvido é a estrutura, a tipografia, a paleta e o padrão aplicado na página toda.

De brinde: 382 padrões de fundo

Na biblioteca de padrões, aqueles fundos de círculo, triângulo e listra, a coluna da esquerda tem as paletas. Você clica numa e a biblioteca inteira recolore na hora, e dá pra editar as cores de qualquer paleta pra usar as da sua marca. No editor de cada padrão são 437 paletas, e você ajusta a proporção, a densidade da grade e a frequência. O Embaralhar gera uma variação nova do mesmo desenho.

No botão Exportar tem quatro saídas: baixar PNG, baixar SVG, copiar um link de compartilhamento e copiar o componente React. O download funciona sem login: o PNG do padrão Radius baixado em 28/09 veio com 2300 × 3450 pixels. E padrão e template podem ser usados em projeto pessoal e comercial.

A ligação direta com a tua IA

Agora, a parte que eu mais gostei. O Tabbied tem uma ligação direta com a tua IA, o tal do servidor MCP, no endereço tabbied.com/mcp, sem instalar nada. O nome de cada padrão não diz nada sobre o desenho, então sem isso a IA escolheria no chute. Com a ligação, ela vê a imagem do padrão antes de escolher e lê o que dá pra trocar em cada template. Pra conectar no Claude Code, manda a tua IA ler a página da ligação e seguir o passo dali.

• Buscar desenhos: a IA procura entre os 382 padrões por forma, clima, densidade ou uso.
• Ver a prévia: a IA recebe a imagem dos padrões pra olhar antes de escolher.
• Detalhes do desenho: paleta, opções e o trecho de React e de JavaScript pronto pra colar.
• Listar templates: os 377 sites, com a paleta, os padrões e quantos textos, imagens e padrões dá pra editar em cada um.
• Ler um template: cada texto, imagem e padrão editável, com o limite de caracteres de cada texto e os links de download em HTML e React.

Pra IA que não usa MCP, o site tem um arquivo de texto próprio pra ela ler, o llms.txt, com o catálogo e a documentação.

O que eu faria

Escolheria o template do tipo de negócio mais parecido com o meu, trocaria a paleta pela da marca no editor e baixaria em React, sem nem criar conta. Aí conectaria a ligação do Tabbied no Claude Code e falaria pra IA algo como: "lê esse template pelo Tabbied, troca os textos pelos do meu negócio em português, não mexe na estrutura nem na cor, e me pergunta se faltar alguma informação".

Pra página que já existe, eu ficaria só nos padrões: um fundo de seção ou uma faixa entre blocos, na cor da marca, baixado em SVG. E quem faz site pra cliente agora tem aqui um ponto de partida de graça, com a licença dizendo que pode.

Os 377 templates e os 382 padrões estão em tabbied.com. Bora testar.