HugoBlox is an open-source website framework that builds professional sites — landing pages, portfolios, blogs, documentation, and more — from plain Markdown using Hugo, Tailwind CSS, and Hugo Chat AI generation.
What is HugoBlox?
HugoBlox is an open-source framework for building professional websites from structured Markdown, running on the Hugo static site generator with Tailwind CSS styling. It takes either a pre-built template or a plain-English description via Hugo Chat AI and produces static HTML output backed by Markdown files that you own. Created by Lore Labs and trusted since 2016, it's MIT licensed and has powered over 150,000 sites.
Key Features
- Markdown content ownership — Every page is stored as a readable, human-editable Markdown file, never in a proprietary database.
- 20+ structured content types — Includes publications with BibTeX/DOI workflows, team and author profiles, events, slide decks (reveal.js), resumes/CVs, and native rendering for Jupyter notebooks and LaTeX math.
- AI page generation — Hugo Chat generates complete pages with correct front matter, shortcodes, and HugoBlox blocks from natural-language descriptions like "create a landing page with hero, pricing, and testimonials."
- Tailwind + Hugo stack — Output is static HTML only, requiring no runtime server or database to operate.
- Visual editing in VS Code — The Ownable CMS extension provides drag-and-drop blocks, live preview, and YAML validation inside your editor.
- Deploy on any static host — Works with Netlify, Vercel, Cloudflare Pages, GitHub Pages, and similar services on their free tiers.
- Block-based landing pages — A ready-made block system covers hero, features, pricing, testimonials, and call-to-action sections.
- CLI quick start — Install globally with npm and run
hugoblox create siteto scaffold a project from the terminal.
Who is it for?
- Researchers and academics — Build a lab or personal site with publication listings, BibTeX metadata, team profiles, and news sections without learning a CMS.
- Founders and consultants — Launch a marketing landing page with pricing, services, and testimonials in minutes and host it for free.
- Developer advocates and tech writers — Publish a blog, portfolio, and searchable documentation with sidebar navigation in one Markdown-based site.
- University teams and research labs — Use case shows postdocs editing their own pages within an hour because everything is plain Markdown, requiring no CMS training.
What can you do with HugoBlox?
- Researchers: Describe a research area to Hugo Chat and receive dozens of publication pages prefilled with correct BibTeX metadata, plus team profiles and a news section.
- Freelancers: Showcase project work with tech stacks, descriptions, and images, then add a resume page that's exportable to PDF.
- Startups: Generate landing, pricing, and testimonial sections using the block system and deploy to free static hosting the same day.
- Event organizers: Create speaker, talk, and workshop pages with slides, then link them from a schedule.
How does HugoBlox work?
- Pick a template — Choose from the HugoBlox template gallery or scaffold with the CLI (requires Hugo Extended and Node.js).
- Generate with AI — Open Hugo Chat, describe what you need in plain English, and it creates structured Markdown pages with the right front matter and blocks.
- Deploy anywhere — Push the repository to GitHub and deploy to Netlify, Vercel, Cloudflare, GitHub Pages, or another static host.
Pricing
HugoBlox is free and open source under the MIT license, with free hosting options on all major static hosts. Hugo Chat includes a daily free message allowance with no credit card required. A paid Pro tier adds visual editing, AI automations, BibTeX import, and priority support.
Alternatives
- Lovable, v0, and Bolt — AI site builders that generate React code rather than maintainable Markdown files.
- WordPress and Webflow — CMS platforms that lock content in a database and require more ongoing maintenance.
FAQ
Is HugoBlox free?
Yes, the framework is MIT licensed, hosting can be free on static services, and Hugo Chat offers free messages every day without a credit card. A Pro tier exists for advanced editing and automation features.
Does HugoBlox generate React code?
No. Hugo Chat produces plain Markdown files with Hugo front matter and shortcodes. The final site compiles to static HTML, so there is no React codebase to maintain.
What tech stack does HugoBlox use?
HugoBlox is built on the Hugo static site generator and Tailwind CSS. It ships with 20+ structured content types, a block-based page builder, and an optional CMS extension for VS Code.
Can I edit my site without coding?
Yes. The Ownable CMS extension for VS Code provides drag-and-drop block editing, live preview, and YAML validation. For non-technical contributors, editing a single Markdown file is sufficient because fields are labeled.
Who uses HugoBlox?
The project reports over 150,000 sites created since 2016, with users at NVIDIA Research, Stanford, Meta, MIT, King's College London, and OpenAI. It's rated 4.9/5 in an official user survey.
