Bulma is a free, open-source CSS framework that utilizes classes to provide pre-defined styling for building responsive web interfaces. It is designed to be flexible and easy to use, providing a wide range of components like forms, buttons, modals, and more, that you can use to create your web pages. With Bulma, you can quickly create beautiful layouts by applying class names to HTML elements. The framework's modular structure allows you to pick and choose the elements you want to use and customize them as needed. This makes it an excellent choice for beginners or developers who want to save time on styling but still have control over the design. Bulma is also built with responsiveness in mind, making it easy to create websites that look great on all devices without having to write custom media queries. Overall, Bulma is a powerful tool that simplifies the process of creating modern, sleek websites without sacrificing flexibility or customization options.

Read more

1,932 Companies using Bulma


hunt, detect, protect. an..

810$7K - $11K$114K united states ..75%

cuidadores a domicilio. l..

108$15K - $48K$388K spain63%
eKuore Medical Devices

ekuore medical devices, i..

7$12K - $15K$11K spain93%

technology is already dif..

4$26K - $50K$95K netherlands86%
VOIZ | voizworks.com

get your tele-jobs done w..

107$27K - $20K$6K india85%
CAR Financial Services

car is committed to leadi..

230$24K - $15K$91K united states ..74%
Cyber Management Alliance..

cyber crisis management e..

17$11K - $25K$56K united kingdom..77%
Bitcoin People

Software Bitcoin

12$36K - $49K$878 italy84%

Italian dining, Milan spi..

1,323$44K - $46K$273K united kingdom..69%
spires.ai - #1 AI recruit..

smartly use the benefits ..

4$47K - $5K$0 germany10%

don’t just invest, gather..

13$39K - $39K$8K united kingdom..86%

The most advanced & secur..

9$18K - $25K$15K united states ..79%
IMT Residential

putting you first - servi..

357$14K - $11K$151K united states ..14%

award-winning manufacture..

150$16K - $2K$69K united kingdom..27%

repack delivers reuse as ..

11$21K - $22K$46K finland85%

Want to download the entire list?

Enter your email and download the entire list of 1,932+ companies

We care about your data. Read our privacy policy.

How to use Bulma

Bulma is a modern and easy-to-use CSS framework that provides a wide range of reusable CSS classes to help you style your web pages quickly. Here are some steps to get started with Bulma:

  1. Add Bulma to your project: You can add Bulma to your project in different ways, such as downloading the CSS files or including them through a CDN. To use a CDN, simply add the following link to the head section of your HTML file:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
  1. Start using Bulma classes: Once you have added Bulma to your project, you can start using its classes to style your HTML elements. For example, if you want to create a button with a blue background color and white text, you can add the following classes to your button element:
<button class="button is-primary">Click me</button>

In this example, the

class is a general class for creating buttons, while the
class sets the background color to blue and the text color to white.

  1. Customize Bulma variables: Bulma provides a set of variables that you can customize to change the look and feel of your website. For example, you can change the primary color of your website by customizing the
    variable. To do this, simply add the following code to your CSS file:
$primary: #ff0000;

This will change the primary color to red.

  1. Use Bulma components: Bulma also provides a set of pre-built components that you can use to create common UI elements, such as forms, modals, and navigation bars. To use these components, simply include their corresponding CSS classes in your HTML markup. For example, to create a navbar, you can add the following code to your HTML file:
<nav class="navbar" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/"> <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> </a> <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu"> <div class="navbar-start"> <a class="navbar-item"> Home </a> <a class="navbar-item"> Documentation </a> <div class="navbar-item has-dropdown is-hoverable"> <a class="navbar-link"> More </a> <div class="navbar-dropdown"> <a class="navbar-item"> About </a> <a class="navbar-item"> Jobs </a> <a class="navbar-item"> Contact </a> <hr class="navbar-divider"> <a class="navbar-item"> Report an issue </a> </div> </div> </div> <div class="navbar-end"> <div class="navbar-item"> <div class="buttons"> <a class="button is-primary"> <strong>Sign up</strong> </a> <a class="button is-light"> Log in </a> </div> </div> </div> </div> </nav>

This will create a simple navbar with a logo, a burger menu, and some links.

Overall, Bulma is a great framework to use if you want to quickly and easily style your web pages without writing too much custom CSS. Its rich set of classes and components can help you create beautiful and responsive websites in no time.

Make your sales data-driven.

Website's technology stack, including its CMS, ecommerce platform, and payment processor, along with details about the industry, company and its contacts.

GDPR Compliant

CCPA Compliant

SOC2 Compliant

App screenshot