You are viewing the deprecated 0.7.4 version of the website. Click here to view the latest version

Made with Bulma

The official community badge


6 badges available #

The Made with Bulma badge is available in 6 different versions:

Type Preview Description Download
Default Made with Bulma White boxed Download image
Dark Made with Bulma Dark boxed Download image
Semi white Made with Bulma Transparent white and turquoise Download image
White Made with Bulma Transparent white Download image
Semiblack Made with Bulma Transparent black and turquoise Download image
Black Made with Bulma Transparent black Download image
All 6 made-with-bulma-badges.zip Download all 6 badges

Usage #

Ideally the image is displayed at 128x24 pixels, and links back to the Bulma website:

<a href="https://bulma.io">
  <img src="/path/to/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
</a>

Since the original image dimensions are 512x96 pixels, you can also display it at 256x48 without losing any quality:

<a href="https://bulma.io">
  <img src="/path/to/made-with-bulma.png" alt="Made with Bulma" width="256" height="48">
</a>

Badge snippets #

You can simply embed an image directly on your website by using one of the following snippets.

<a href="https://bulma.io">
<img src="https://versions.bulma.io/0.7.4/images/made-with-bulma.png" alt="Made with Bulma" width="128" height="24">
</a>
<a href="https://bulma.io">
<img src="https://versions.bulma.io/0.7.4/images/made-with-bulma--dark.png" alt="Made with Bulma" width="128" height="24">
</a>
<a href="https://bulma.io">
<img src="https://versions.bulma.io/0.7.4/images/made-with-bulma--semiwhite.png" alt="Made with Bulma" width="128" height="24">
</a>
<a href="https://bulma.io">
<img src="https://versions.bulma.io/0.7.4/images/made-with-bulma--white.png" alt="Made with Bulma" width="128" height="24">
</a>
<a href="https://bulma.io">
<img src="https://versions.bulma.io/0.7.4/images/made-with-bulma--semiblack.png" alt="Made with Bulma" width="128" height="24">
</a>
<a href="https://bulma.io">
<img src="https://versions.bulma.io/0.7.4/images/made-with-bulma--black.png" alt="Made with Bulma" width="128" height="24">
</a>

Made with Bulma
This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

#native_company# #native_desc#
#native_cta#
New!

The official Bulma book! 😲

by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,
Mikko Lauhakari, Aslam Shah and David Berning

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma.

Formats available:
PDF Epub Mobi
or
Kindle

Newsletter

Features, releases, showcase… stay in the loop!