Get 20% off with code BULMA
Valid until the end of November 2024
Download

Made with Bulma


The official community badge.

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:

Example

HTML

<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/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:

Example

HTML

<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/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://bulma.io/assets/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/assets/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>

How to support Bulma

#native_company# #native_desc#
#native_cta#
Get started for Free
Get started for Free