HugoBlox/kit

What is it?

Key features

• 01Builds pages from reusable Tailwind blocks such as hero, features, pricing and testimonials.
• 02Stores all content as plain Markdown files with front matter.
• 03Ships 20+ content types including blogs, portfolios, publications, docs and talks.
• 04Outputs static HTML that deploys to Netlify, Vercel, GitHub Pages or Cloudflare Pages.
• 05Renders Jupyter notebooks, LaTeX math and BibTeX-based publication pages.
• 06Provides a CLI for creating new sites.

Use cases

• Creating an academic personal website with publication lists and project pages.
• Building a developer portfolio or consultant landing page that is hosted for free.
• Publishing a documentation site or blog whose content stays in Markdown files in a Git repository.
• Making a slide deck or event page from Markdown with reveal.js.

Quick start

1. 1

   Install the CLI globally (requires Hugo Extended and Node.js)

   npm install -g hugoblox
2. 2

   Create your site with the CLI

   hugoblox create site
3. 3

   Or pick a template in your browser to launch in about 60 seconds

Things to know

• !Some features such as visual editing, AI automations and BibTeX import require a paid Pro plan.
• !Hugo Chat AI page generation depends on a hosted service with a daily free message limit.

Topics

FAQ

What is kit?

Open-source Hugo framework of Tailwind blocks for building landing pages, portfolios, blogs and docs from plain Markdown files. HugoBlox Kit is an open-source framework for building professional websites from structured Markdown on top of Hugo and Tailwind CSS. Sites are assembled from reusable blocks and content types such as landing pages, portfolios, blogs, publication lists, documentation and event pages, and every page is stored as a Markdown file with front matter.

Is kit free to use? What license does it have?

kit is open source under the MIT license. Check the license terms before using it in commercial products.

Is kit still maintained?

Updated within 6 months. The last commit to kit was on Aug 4, 2026.

What can I use kit for?

Creating an academic personal website with publication lists and project pages. Building a developer portfolio or consultant landing page that is hosted for free. Publishing a documentation site or blog whose content stays in Markdown files in a Git repository. Making a slide deck or event page from Markdown with reveal.js.

How do I install kit?

Install the CLI globally (requires Hugo Extended and Node.js): npm install -g hugoblox Create your site with the CLI: hugoblox create site Or pick a template in your browser to launch in about 60 seconds

Where can I get kit?

The source code and installation instructions are on GitHub: https://github.com/HugoBlox/kit