HB - Hugo Bootstrap Framework

HB Framework

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

Read the docs Modules Thanks

Sponsors

Features

Fast

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.

PWA

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

Search

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.

Icons

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
HB Cards Theme
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
NO IMAGE
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
NO IMAGE
Replace Meta Modules
How to replace the meta modules.
Modules Oct 8, 2023
NO IMAGE
HB Blog Profile Sidebar Module
Introduce yourself or your company with title, description, location, social media and so on.
Themes Sep 15, 2023
NO IMAGE
Applications
Manage the applications.
Themes Sep 15, 2023
NO IMAGE
Look and Feel
Tweak the look and feel of HB start theme.
Themes Sep 15, 2023
NO IMAGE
Installation
Instructions to install the HB start theme.
Themes Sep 15, 2023
NO IMAGE
Search Engines
Customize search engines.
News Sep 3, 2023
NO IMAGE
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 Razon Yang Squey Start Page EvaNOTE Learn-Software.com insights.ditatompel.com