Your browser does not support JavaScript.

HB Framework

Build fast, modern, responsive and modular static sites with Hugo and Bootstrap

Read the docs Modules Thanks

Sponsors

Features

Google PageSpeed Insights scored perfect 💯 of four metrics on mobile and desktop.

FOSS

Free and open source software, code licensed MIT.

Responsive

Mobile first, built on top of the Bootstrap 5.3+.

Modular

Over 100 built-in modules, you can also write your own module.

Make sites installable, offline available, works as a native application.

Powerful and fast client side fuzzy search module.

SASS/SCSS

Customize the Bootstrap and HB framework via SASS/SCSS.

Color

Supports light and dark colors, or auto (follow system).

Hugo Pipes

Building sites with the powerful Hugo Pipes.

RTL

Support right-to-left writing languages via RTLCSS.

Bootstrap, FontAwesome, Feather, Tabler, Material Design and Simple icons.

PurgeCSS

Remove the unused styles from your sites on production.

Latest Articles

Themes Dec 5, 2023

The cards style theme of HB Framework, live demo: https://theme-cards.hbstack.dev/. Documentations English 简体中文 Install...

Modules Nov 15, 2023

Google Fonts Module

This module integrates Google fonts with HB framework, which allow specifying multiple fonts and their axises.

Modules Nov 1, 2023

Header News Module

The HB header news module is an alternative to the announcement bar, the recent news will be shown automatically.

News Oct 31, 2023

Broken styles when building site via Hugo v0.120.0 or later

There are some patches for correcting the broken styles when building site via Hugo v0.120.0 or later.

Modules Oct 12, 2023

Header Google Custom Search Engine Module

Add Google custom search engine on the header.

Blog Oct 10, 2023

Replace Meta Modules

How to replace the meta modules.

Modules Oct 8, 2023

HB Blog Profile Sidebar Module

Introduce yourself or your company with title, description, location, social media and so on.

Themes Sep 15, 2023

Manage the applications.

Themes Sep 15, 2023

Tweak the look and feel of HB start theme.

Themes Sep 15, 2023

Instructions to install the HB start theme.

Themes Sep 15, 2023

Customize search engines.

News Sep 3, 2023

Header Breakpoint

The header module introduces a new parameter called breakpoint that used by collapsing and expanding.

Who’s Using HB Framework?

How to add my sites?

8 sites in total.

HB Framework

Hugo Modules