Um gerador de sites de documentação que transforma arquivos Markdown em um site sem exigir uma etapa de build.
31,6 mil5,8 milJavaScriptMITAtualizado ontem
HugoBlox/kit
Framework Hugo de código aberto com blocos Tailwind para criar landing pages, portfólios, blogs e documentação a partir de arquivos Markdown simples.
Alternativa open source a:
Webflow
- Estrelas
- 9,770
- Forks
- 2,951
- Issues abertas
- 25
- Último commit
- há 3 meses
O que é?
O HugoBlox Kit é um framework de código aberto para criar sites profissionais com Markdown estruturado, usando Hugo e Tailwind CSS. Os sites são montados com blocos reutilizáveis e tipos de conteúdo como landing pages, portfólios, blogs, listas de publicações, documentação e páginas de eventos. Cada página é armazenada em um arquivo Markdown com front matter.
O projeto é voltado a pesquisadores, consultores, desenvolvedores e equipes pequenas que querem editar o próprio site manualmente. O resultado é HTML estático, sem banco de dados nem servidor em tempo de execução, e pode ser publicado em serviços como Netlify, Vercel, GitHub Pages ou Cloudflare Pages. Há suporte a notebooks Jupyter, fórmulas matemáticas em LaTeX e páginas de publicações baseadas em BibTeX.
O repositório funciona com uma CLI do Hugo para criar a estrutura de novos sites. O projeto também oferece, como complementos opcionais, o gerador de páginas Hugo Chat AI e a extensão Ownable CMS para VS Code, que permitem gerar e editar páginas visualmente.
Recursos principais
- 01Cria páginas com blocos Tailwind reutilizáveis, como hero, recursos, preços e depoimentos.
- 02Armazena todo o conteúdo em arquivos Markdown simples com front matter.
- 03Inclui mais de 20 tipos de conteúdo, como blogs, portfólios, publicações, documentação e palestras.
- 04Gera HTML estático que pode ser publicado no Netlify, Vercel, GitHub Pages ou Cloudflare Pages.
- 05Renderiza notebooks Jupyter, fórmulas matemáticas em LaTeX e páginas de publicações baseadas em BibTeX.
- 06Oferece uma CLI para criar novos sites.
Casos de uso
- Criar um site acadêmico pessoal com listas de publicações e páginas de projetos.
- Montar um portfólio de desenvolvedor ou uma landing page de consultoria com hospedagem gratuita.
- Publicar um site de documentação ou blog cujo conteúdo permaneça em arquivos Markdown em um repositório Git.
- Criar uma apresentação de slides ou uma página de evento em Markdown com reveal.js.
Início rápido
- 1
Instale o CLI globalmente (requer Hugo Extended e Node.js).
npm install -g hugoblox - 2
Crie seu site com o CLI.
hugoblox create site - 3
Ou escolha um template no navegador para colocar o site no ar em cerca de 60 segundos.
Antes de usar
- Alguns recursos, como edição visual, automações com IA e importação de BibTeX, exigem um plano Pro pago.
- A geração de páginas do Hugo Chat AI depende de um serviço hospedado com limite diário de mensagens gratuitas.
Tópicos
Perguntas frequentes
- O que é kit?
- Framework Hugo de código aberto com blocos Tailwind para criar landing pages, portfólios, blogs e documentação a partir de arquivos Markdown simples. O HugoBlox Kit é um framework de código aberto para criar sites profissionais com Markdown estruturado, usando Hugo e Tailwind CSS. Os sites são montados com blocos reutilizáveis e tipos de conteúdo como landing pages, portfólios, blogs, listas de publicações, documentação e páginas de eventos. Cada página é armazenada em um arquivo Markdown com front matter.
- kit é gratuito? Qual é a licença?
- kit é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- kit ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de kit foi em 4 de ago. de 2026.
- Para que posso usar kit?
- Criar um site acadêmico pessoal com listas de publicações e páginas de projetos. Montar um portfólio de desenvolvedor ou uma landing page de consultoria com hospedagem gratuita. Publicar um site de documentação ou blog cujo conteúdo permaneça em arquivos Markdown em um repositório Git. Criar uma apresentação de slides ou uma página de evento em Markdown com reveal.js.
- Como instalar kit?
- Instale o CLI globalmente (requer Hugo Extended e Node.js).: npm install -g hugoblox Crie seu site com o CLI.: hugoblox create site Ou escolha um template no navegador para colocar o site no ar em cerca de 60 segundos.
- Onde consigo kit?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/HugoBlox/kit
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Um framework rápido e simples para blogs em Node.js que gera sites estáticos a partir de posts em Markdown.
41,8 mil51TypeScriptMITAtualizado há 8 horas
Gerador de sites estáticos rápido, distribuído como um único binário, com suporte integrado a Markdown, Sass, processamento de imagens e busca.
17,5 mil1,2 milRustEUPL-1.2Atualizado há 3 dias
Tema inicial gratuito e de código aberto para Astro e Tailwind CSS v4, com mais de 30 widgets para landing pages, blog e recursos de SEO.
6,1 mil1,7 milAstroMITAtualizado mês passado
Um gerador de sites estáticos simples, escrito em JavaScript, que transforma diretórios de templates em HTML, Markdown, Liquid, Nunjucks e outras linguagens em HTML.
20 mil591JavaScriptMITAtualizado ontem
CMS open source para editar conteúdo e mídia diretamente em um repositório GitHub, voltado a sites estáticos feitos com Jekyll, Hugo, Next.js, Astro e ferramentas semelhantes.
4,1 mil578TypeScriptMITAtualizado há 6 dias