d2f774f01fImplement configurable columns parameter (default 2) with progressive responsive grid: 1→2→3→4→5 columns across breakpoints. Replace the fixed flex layout with CSS Grid for better multi-column control.
Example to change the default layout from 2 cols to 3 cols:
```
- block: skills
content:
title: Skills & Hobbies
username: admin
design:
show_skill_percentage: false
columns: 3
```
|
||
|---|---|---|
| .github | ||
| modules | ||
| scripts | ||
| starters | ||
| test | ||
| .editorconfig | ||
| .eslintignore | ||
| .eslintrc.yml | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc.js | ||
| .stylelintignore | ||
| .stylelintrc.yaml | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| hugo-blox-builder.code-workspace | ||
| LICENSE.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| poetry.lock | ||
| pyproject.toml | ||
| README.md | ||
| README.zh.md | ||
| vite.config.js | ||
The #1 Open Source Toolkit for Technical & Academic Websites
Accelerate Your Impact: Build blazing-fast, SEO-optimized sites in minutes.
🚀 Get Started Free • Explore All Access
Why Hugo Blox?
- Launch in Minutes, Not Months: Pick a template, customize with drag-and-drop blocks, and deploy. Build anything from SaaS landing pages and online courses to academic resumés and lab sites.
- Own Your Content & Brand: You get static files with no vendor lock-in, leading to 100/100 Lighthouse scores. Your content, your rules.
- Built for a Technical Workflow: A modern stack with Hugo and Tailwind CSS. Write in Markdown, Jupyter, or BibTeX. Auto-sync publications.
- Open & Extendable: Start with a generous MIT-licensed core. Upgrade with premium templates and blocks or extend with React "islands" for custom interactivity.
Get started
Recommended (fastest, no install):
👉 Start free in your browser — pick a template, customize blocks, and publish to GitHub Pages.
Prefer the CLI?
Use the local quickstart:
# 1) Install Hugo Extended → https://docs.hugoblox.com/getting-started/install-hugo/#prerequisites
# 2) Clone a starter (example: Academic CV) - see https://hugoblox.com/templates
git clone https://github.com/HugoBlox/theme-academic-cv my-site
cd my-site
# 3) Run locally
pnpm install && hugo server -D
For more guides, visit our documentation at https://docs.hugoblox.com/.
Free vs. All Access
Hugo Blox ships with a library of free blocks for heroes, features, testimonials, FAQs, and more. All Access is a one-time donation that adds exclusive, professionally designed blocks and full site templates to help you launch even faster.
- Free templates & blocks: Templates Catalog
- Premium catalog & lifetime updates: All Access Pass
What Creators Say
“Hugo Blox saved me 40+ hours on my lab site. Bibtex integration auto-updates publications — our citations are up 3×.” — Dr. Sarah Yang, AI Researcher
“We launched our documentation in 10 minutes. The block system is genius; onboarding time dropped by 60%.” — Alexandre Rodrigues, Founder
Support the Project
-
💎 All Access (one-time donation) — Get lifetime access to all premium templates, blocks, and updates.
Get All Access → -
☕️ Donate a Coffee — Support open source and open research.
Sponsor on GitHub → -
🤝 Corporate Sponsors — Reach thousands of developers and researchers. Get your logo and link in this README.
Become a Partner →
Community
Join the community to ask questions, share your work, and help us improve.
License
MIT © 2016–Present George Cushen — License Details
No tracking. No lock-in. Your content stays yours.