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

New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

Made with Bulma

Join the Bulma community by displaying a badge on your website

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.6.2/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.6.2/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.6.2/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.6.2/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.6.2/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.6.2/images/made-with-bulma--black.png" alt="Made with Bulma" width="128" height="24">
</a>

Bulma Sponsors

Bulma Partners

Check out their products!

Bulma Newsletter

Get notified when v1 is ready!