--- title: Getting started with Bulma layout: documentation doc-tab: overview doc-subtab: start breadcrumb: - home - documentation - overview - overview-start ---

There are several ways to get started with Bulma. You can either:

  1. use npm to install the Bulma package
  2. use the jsDelivr CDN to link to the Bulma stylesheet
  3. use the GitHub repository to get the latest development version

1

Use NPM (recommended):

{% highlight bash %}npm install bulma{% endhighlight %}

2

Use the jsDelivr CDN
https://www.jsdelivr.com/package/npm/bulma

3

Download from the repository
https://github.com/jgthms/bulma/tree/master/css

Font Awesome icons

If you want to use icons with Bulma, don't forget to include Font Awesome 5:

{% highlight html %}{% endhighlight %}
{% include elements/anchor.html name="Code requirements" %}

For Bulma to work correctly, you need to make your webpage responsive.

1

Use the HTML5 doctype

{% highlight html %}{% endhighlight %}

2

Add the responsive viewport meta tag

{% highlight html %}{% endhighlight %}
{% include elements/anchor.html name="Starter template" %}

If you want to get started right away, you can use this HTML starter template. Just copy/paste this code in a file and save it on your computer.

{% highlight html %}{% include snippets/getting-started.html %}{% endhighlight %}
{% include elements/anchor.html name="bulma-start" %}

bulma-start is a tiny npm package that includes the npm dependencies you need to build your own website with Bulma.

Check it out