---
title: Backers via Patreon
layout: default
route: backers
---

{% include navbar.html id="BackersNavbar" %}

<section class="hero is-primary bd-is-patreon">
  <div class="hero-body">
    <div class="container">
      <div class="columns is-vcentered">
        <div class="column">
          <h1 class="title">
            Backers via Patreon
          </h1>
          <p class="subtitle">
            Everyone who is supporting Bulma
          </p>
        </div>
        <div class="column is-narrow">
          {% include carbon.html %}
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <h2 class="title is-5">
      Website sponsors via Patreon ($300+)
    </h2>
    <div class="content">
      <ul>
        {% for backer in site.data.backers.300 reversed %}
          {% include elements/patreon-item.html %}
        {% endfor %}
      </ul>
    </div>

    <h2 class="title is-5">
      Homepage sponsors via Patreon ($100+)
    </h2>
    <div class="content">
      <ul>
        {% for backer in site.data.backers.100 reversed %}
          {% include elements/patreon-item.html %}
        {% endfor %}
      </ul>
    </div>

    <h2 class="title is-5">
      Generous backers via Patreon ($30+)
    </h2>
    <div class="content">
      <ul>
        {% for backer in site.data.backers.30 reversed %}
          {% include elements/patreon-item.html %}
        {% endfor %}
      </ul>
    </div>

    <h2 class="title is-5">
      Backers via Patreon ($10+)
    </h2>
    <div class="content">
      <ul>
        {% for backer in site.data.backers.10 reversed %}
          {% include elements/patreon-item.html %}
        {% endfor %}
      </ul>
    </div>
  </div>
</section>