DEV Community

Cover image for Bulma CSS - Open-Source Components
Sm0ke
Sm0ke

Posted on • Updated on

Bulma CSS - Open-Source Components

Hello Coder,

If you're using Bulma CSS in your development, maybe it 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. Ever used Bulma CSS before? Find out more on this short tutorial written especially for beginners. Thank You!

Thanks for reading! - Content provided by App Generator.


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
Enter fullscreen mode Exit fullscreen mode

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.


Links


Thank you!

Discussion (0)