Install Bulma CSS in Angular

Last Updated: September 10, 2018

In this article I am going to show you how to install Bulma CSS library in your Angular 6 project.

You can use npm install command to install any package with Angular.

You open up the terminal and change to working directory to location where you have created the Angular project

npm install bulma --save-dev

Next you can add path to styles section of the angular.json file

"styles": [
             "node_modules/bulma/css/bulma.css",
          ],

Now we have done the configuration and we will test now

You can add some code to the HTML file located at src\app\app.component.html

Hello World

Button

You can run the following command to see the out put

ng serve -o

This will open the http://localhost:4200/ in your browser. You can see the Button with Bluma CSS applied.

Similarly you can add the jQuery to the Angular