Built for uni students, STEM grads, and software engineers.
Showcase real projects, ship a clean blog, and stand out with a modern dark-first design — without a fragile “black box” React app.
🚀 Deploy in 60s (Free) • Live Demo • HugoBlox Studio (Visual Editor)
▶︎ Watch 12s Preview
hb_portfolio.mp4
Most portfolios look the same — and most “quick” site builders produce slow sites you can’t maintain.
- ⚡ Fast by default: Hugo + Tailwind 4 + Hugo Modules → great Lighthouse scores without JS bloat.
- 🧠 AI-ready content: Your projects and posts live in clean Markdown/YAML — readable by humans and LLMs.
- 🎯 Job-hunting optimized: Projects, tech stack, experience timeline, and a blog layout that looks credible.
- 🌙 Dark-first (but light-mode supported): Looks premium in dark mode, still works perfectly in light mode.
- 🧩 Block-based: Reorder/replace sections without rewriting templates.
- Students & grads applying to internships / MSc / PhD / junior roles
- STEM professionals (research, data, ML, bio, engineering) showcasing projects and writing
- Software engineers building a portfolio that feels modern in 2026
- Developer hero with modern gradients + optional typewriter
- Filterable portfolio (tags + smooth transitions)
- Tech stack grid with icons
- Experience + education timeline
- Blog section (cards + featured images)
- Contact section with social links + copy email
Deploy this template in ~60 seconds:
Install:
npm install -g hugoblox@latestCreate a site:
hugoblox create site --template dev-portfolio- Your profile:
data/authors/me.yaml - Homepage sections:
content/_index.md - Projects:
content/projects/<project>/index.md - Blog posts:
content/blog/<post>/index.md - Theme + identity:
config/_default/params.yaml
If you want a version that feels meaningfully more premium (and helps fund open source + research):
- Docs: docs.hugoblox.com →
- Discord: Join Discord →
- Issues: Open an issue →
MIT © 2016–Present George Cushen