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.

razonyang
Monday, July 15, 2024 Wednesday, December 14, 2022