Browser docs

Introduction

HB Framework Authors December 14, 2022 1 min read Docs Introduction

HB (Hugo Bootstrap) is a modular framework that built on top of Hugo and Bootstrap v5.3.0+. HB is not a theme, it's used to build one.

On this page

Motivations

I created and maintain a feature-rich theme - Hugo Bootstrap Theme, but I didn’t think about modularity at the beginning of the development, and when developing a new theme, I realized that I couldn’t reuse existing features very well. So, I set out to modularize the theme’s functionalities, aiming to make theme development easier.

Features

Fast

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

Learn more

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.

Learn more

Search

Powerful and fast client side fuzzy search module.

Learn more

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.

Learn more

PurgeCSS

Remove the unused styles from your sites on production.