Bulma Open-Source Components

in

Hello Coder,

If you’re using Bulma CSS in your development, maybe is a good idea to spare a few minutes of your time and look at this open-source library with more than 50 components styled with Bulma, and released under the MIT license. Never used Bulma CSS before? Find out more on this short tutorial written especially for beginners. Thank You!

For LIVE preview, please access Bulma Css - Components

Bulma Css Components - Admin Dashboards.


What’s in the box

Components are grouped by visual usability criteria (footer, hero, navbar ..), and styled directly on top of Bulma (no Javascript dependency) as pug templates, which makes them very easy to extend and customize.


How to use the project

To use the bulma components project and the components, just type:

# Clone the repo
$ git clone https://github.com/bulma-css-templates/bulma-components.git
$ cd bulma-components

# Install dependencies
$ yarn

# Run dev server with live preview (Browsersync)
$ yarn start

# Or make a production build
yarn build

Components

Here is a shortlist, to visualize the full library please access Bulma CSS - Components online.


Screen Shots

Bulma Css Components - eCommerce.

Bulma Css Components - Footers.

Bulma Css Components - CTA.


By Sm0ke <('_')> #automation geek.
Projects: Bulma-CSS.com (open-source), AppSeed.

Read next: