Bulma Clean Theme screenshot

Bulma Clean Theme

Author Avatar Theme by Chrisrhymes
Updated: 6 May 2025
400 Stars

A clean and modern Jekyll theme based on Bulma

Categories

Overview

The Bulma Clean Theme is a Jekyll theme built with the Bulma framework, designed to provide a clean and modern-looking website. The theme uses Alpine.js for interactive components, such as the mobile navbar and notifications.

Features

  • Clean and simple design: The theme provides a clean and modern design, making it easy for users to navigate and read content.
  • Bulma framework: Built with the Bulma CSS framework, the theme offers a wide range of responsive and customizable components.
  • Interactive components: Alpine.js is used to add interactive elements to the theme, such as a mobile navbar and notifications.

Installation

To install the Bulma Clean Theme, follow these steps:

  1. Add the following line to your Jekyll site’s Gemfile:
gem 'bulma-clean-theme'
  1. Add the following line to your Jekyll site’s _config.yml file:
theme: bulma-clean-theme
  1. If you are deploying to GitHub Pages, you can use the GitHub Pages gem and add the following line instead in your _config.yml:
remote_theme: chrisrhymes/bulma-clean-theme

Note: Make sure you have Jekyll version 3.9 or higher to use the GitHub Pages gem.

  1. Execute the following command in your terminal:
bundle install

Or install it manually:

gem install bulma-clean-theme

Summary

The Bulma Clean Theme is a Jekyll theme that offers a clean and modern design with the use of the Bulma framework. It provides interactive components using Alpine.js and can be easily installed by adding a few lines of code to your Jekyll site’s configuration files.