Modern Extensions for Bulma 1.0

A collection of simple, updated extensions for modern web standards. Re-designed for maximum flexibility and visual excellence.

Ready to Use

Divider

Ready

A versatile Divider stylesheet for separating content with text, icons, or vertical lines.

Timeline

Ready

Display chronological events beautifully with a responsive and customizable timeline.

Pageloader

Ready

Elegant page loaders and blockers to manage asynchronous states in your application.

Accordion

Ready

Collapsible accordion panels to organize and reveal content progressively.

Badge

Ready

Small, colorful badges to highlight counts, labels, or statuses on any element.

Carousel

Ready

A smooth, responsive carousel to cycle through images, slides, or any content.

Ribbon

Ready

Eye-catching corner ribbons to mark cards or elements with labels and status indicators.

Toast

Ready

A non-intrusive notification system to provide feedback to users in a subtle way.

Work in Progress

Check Radio

WIP

Enhanced checkbox and radio button styles for better visual consistency and accessibility.

Switch

WIP

A clean and modern toggle switch component based on standard checkboxes.

Drafts

Pricing Table

Draft

A responsive and customizable pricing table component to showcase plans and features.

QuickView

Draft

A side-panel component for quick access to additional information or settings.

Quick Start

Install your favorite extension via pnpm:

pnpm add @bulma-ext/divider

Then, simply include it in your project after the main Bulma stylesheet:

<link rel="stylesheet" href="bulma.min.css">
<link rel="stylesheet" href="bulma-divider.min.css">