Hugo Themes Logo Hugo Themes
Hugo Flex screenshot

Hugo Flex

Author Avatar Theme by Ldeso
Updated: 3 Sep 2025
119 Stars

A lightweight Hugo theme leveraging CSS Flexbox.

Github Live Preview

Categories

Templates & themes

Overview:

Hugo Flex is a lightweight Hugo theme that leverages CSS Flexbox for a responsive layout. It has been verified to work with Hugo versions v0.100–v0.110. This theme offers various features including a 100% speed score and accessibility score on PageSpeed Insights, no framework or JavaScript dependencies, full posts in RSS feed, multilingual support, and optional features such as syntax highlighting, summaries on the homepage, and support for Schema.org, Open Graph, and Twitter Cards metadata. It also provides built-in shortcodes for math rendering with KaTeX, a Netlify contact form, a privacy-friendly SoundCloud player, and the ability to add custom CSS and JS site-wide or dynamically with shortcodes.

Features:

  • Flexbox-based responsive layout
  • 100% speed score and accessibility score on PageSpeed Insights
  • No framework or JavaScript dependencies
  • Full posts in RSS feed
  • RSS page looks like a normal page
  • Multilingual support
  • Dark theme
  • Optional features:
    • Syntax highlighting
    • Show summaries on homepage
    • Schema.org, Open Graph, and Twitter Cards metadata
    • Utterances comments widget

Installation:

To install Hugo Flex, follow these steps:

  1. Install Hugo.
  2. Create a Hugo site.
  3. Open a command prompt at the root of the site and download the theme using the following command:
git clone git@github.com:<owner>/<repository>.git themes/<theme-name>
  1. Add the theme to the site configuration file. If the site configuration is a file called hugo.yaml, add the following line:
theme: "<theme-name>"

Summary:

Hugo Flex is a lightweight Hugo theme that utilizes CSS Flexbox for a responsive layout. It offers several features including a 100% speed score and accessibility score on PageSpeed Insights, multilingual support, and optional features such as syntax highlighting and a privacy-friendly SoundCloud player. The theme can be easily installed by following a few steps and provides flexibility for customization with built-in shortcodes and support for custom CSS and JS assets.