This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
@lolpants/bulma with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Bulma is a modern CSS framework based on Flexbox.
Bulma is constantly in development! Try it out now:
npm install bulma
yarn add bulma
bower install bulma
After installation, you can import the CSS file into your project using this snippet:
Feel free to raise an issue or submit a pull request.
Bulma is a CSS framework. As such, the sole output is a single CSS file: bulma.css
You can either use that file, "out of the box", or download the Sass source files to customize the variables.
Internet Explorer (10+) is only partially supported.
Browse the online documentation here.
|Bulma with Attribute Modules||Adds support for attribute-based selectors|
|Bulma with Rails||Integrates Bulma with the rails asset pipeline|
|Vue Admin||Vue Admin framework powered by Bulma|
|Bulmaswatch||Free themes for Bulma|
|Goldfish||Vault UI with Bulma, Golang, and Vue Admin|
|ember-bulma||Ember addon providing a collection of UI components for Bulma|
|Bloomer||A set of React components for Bulma|
|React-bulma||React.js components for Bulma|
|Buefy||Lightweight UI components for Vue.js based on Bulma|
|vue-bulma-components||Bulma components for Vue.js with straightforward syntax|
|Bulma-modal-fx||A set of modal window effects with CSS transitions and animations for Bulma|
|Bulma.styl||1:1 Stylus translation of Bulma|
|elm-bulma||Bulma + Elm|
|elm-bulma-classes||Bulma classes prepared for usage with Elm|
|Bulma Customizer||Bulma Customizer – Create your own bespoke Bulma build|
|Fulma||Wrapper around Bulma for fable-react|
|Laravel Enso||SPA Admin Panel built with Bulma, VueJS and Laravel|
|Django Bulma||Integrates Bulma with Django|
|Bulma Templates||Free Templates for Bulma|
|React Bulma Components||Another React wrap on React for Bulma.io|
|purescript-bulma||PureScript bindings for Bulma|
|Vue Datatable||Bulma themed datatable based on Vue, Laravel & JSON templates|
|bulma-fluent||Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System|
|csskrt-csskrt||Automatically add Bulma classes to HTML files|
|bulma-pagination-react||Bulma pagination as a react component|
|bulma-helpers||Functional / Atomic CSS classes for Bulma|
|bulma-swatch-hook||Bulma swatches as a react hook and a component|
|BulmaWP||Starter WordPress theme for Bulma|
|Ralma||Stateless Ractive.js Components for Bulma|
|Django Simple Bulma||Lightweight integration of Bulma and Bulma-Extensions for your Django app|
|rbx||Comprehensive React UI Framework written in TypeScript.|
Code copyright 2019 Jeremy Thomas. Code released under the MIT license.