Bulma CSS carousel

A homemade extension to the Bulma CSS framework, implementing a carousel function.

Overview

Currently, my homepage has 3 available cards for latest blogposts and featured projects. I would like to have a carousel to showcase more than three cards and rotate between them.

Bulma CSS does not have a native carousel. Eventhough carousel extensions are available, I would like to prevent needless dependencies and would like to dive deeper into Bulma CSS by extending the native components myself.

Goals

Learning Objectives

Deepen my knowledge about the Bulma CSS framework.
Practice the interaction JS and Bulma CSS.

Practical Objectives

A reusable Bulma CSS carousel

Implementation Details

Animations

JavaScript for animations and interactions

CSS

Extending the Bulma CSS framework with custom CSS.

View on GitHub

Development Progress

Status

Planned

Start Date

2025-10-06

Features

Create carousel HTML scaffolding	In Progress
Bulma CSS styling of carousel	Planned
Make carousel interactive with JS	Planned

Technology Stack

Exploratory Avenues

Project Enhancements

Create Bulma CSS tags input extension.
Create Bulma CSS popup tooltip.

Project Implemention

Implement the Bulma CSS carousel in the homepage.