hugo-theme-dream is an open-source Hugo theme that turns Markdown content into a personal blog with a masonry post layout, a flippable about page, and built-in light/dark mode. Created by g1eny0ung for his own blog, it is distributed under the MIT License and is available as a GitHub repository with 582 stars.
What is hugo-theme-dream?
hugo-theme-dream is a static site theme built for the Hugo framework. It accepts standard Hugo content written in Markdown and renders a full blog website whose homepage displays posts in a masonry grid. The theme also provides a unique flippable about page — a card that rotates to reveal a second side — and includes light and dark color schemes by default. The project maintains a v3.x release line, while the older v2 remains available on a separate branch.
What makes hugo-theme-dream stand out?
Two flagship features distinguish Dream from typical blog themes: Masonry Layout Posts — posts of different heights flow into a Pinterest-style grid, making the archive visually dynamic; and Flippable About Page — an interactive card where an author bio flips to show additional information. Dream also ships with Zen mode, a simplified interface focused entirely on reading and writing, which the author demonstrates at a separate preview site. Additional strengths:
- Light and dark mode — toggled out of the box without extra configuration.
- Hugo-native — built directly on Hugo's templating system, so no front-end framework or build step is needed beyond Hugo itself.
- MIT licensed — free to use, modify, and include in commercial projects.
- Documentation and live demos — the theme has a dedicated documentation site and two examples linked from the repository.
Who is hugo-theme-dream for?
- Hugo bloggers who want a visually distinctive masonry-based homepage without writing custom CSS.
- Writers who value a distraction-free reading/writing environment provided by Zen mode.
- Developers who prefer an MIT-licensed, template-driven theme that they can customize and extend using Hugo's partials and archetypes.
- Static site hobbyists who want a simple, clean blog with modern touches (dark mode, flippable card) and an easy deployment path via any Hugo static host.
What can you do with hugo-theme-dream?
- Personal bloggers: publish regular posts in Markdown and get an attractive masonry archive that showcases content of varying lengths.
- Writers: switch to Zen mode for a minimal, focused interface when reading or writing long-form pieces.
- Theme developers: fork the repository to build a custom Hugo blog, using the flippable about page and masonry layout as starting points.
Pricing
The theme is free and open source. It is licensed under the MIT License, which permits free commercial and personal use, with attribution to author g1eny0ung.
FAQ
Is hugo-theme-dream free?
Yes. hugo-theme-dream is open source and released under the MIT License, so you can use it, modify it, and even include it in commercial projects without paying a license fee.
Does hugo-theme-dream support dark mode?
Yes, the theme includes light and dark mode support out of the box. Visitors can switch between the two color schemes, and the effect works across the masonry layout, about page, and Zen mode.
What is Zen mode in hugo-theme-dream?
Zen mode is a simplified interface that strips away sidebar and decorative elements so you can concentrate on reading and writing. The theme author built it for people who prefer a cleaner, more focused blog experience, and a separate preview site demonstrates it.
What are the main features of hugo-theme-dream?
The main features are masonry layout posts, a flippable about page, and light/dark mode. Additionally, Zen mode provides a minimal interface for reading and writing, all within the Hugo static site framework.
