2016-01-24 00:03:43 +00:00
# [Bulma](http://bulma.io)
2016-03-09 22:10:26 +00:00
[](https://www.npmjs.com/package/bulma)
[](https://www.npmjs.com/package/bulma)
2016-04-16 21:50:48 +01:00
[](https://gitter.im/jgthms/bulma)
2016-03-09 22:10:26 +00:00
2016-01-24 00:03:43 +00:00
Bulma is a modern CSS framework based on [Flexbox ](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes ).
2016-09-24 17:18:56 +01:00
[](http://bulma.io)
2016-01-27 00:33:07 +00:00
## Quick install
Bulma is in early but active development! Try it out now:
2016-03-09 22:10:26 +00:00
### NPM
2016-04-16 21:50:48 +01:00
```sh
2016-02-13 20:13:35 +00:00
npm install bulma
```
2016-01-27 00:33:07 +00:00
2016-04-03 12:14:11 +02:00
### Bower
```sh
bower install bulma
```
2016-03-09 22:10:26 +00:00
### CDN
2016-05-07 13:57:31 +02:00
[https://cdnjs.com/libraries/bulma ](https://cdnjs.com/libraries/bulma )
2016-03-09 22:10:26 +00:00
Feel free to raise an issue or submit a pull request.
## CSS only
Bulma is a **CSS ** framework. As such, the sole output is a single CSS file: [bulma.css ](https://github.com/jgthms/bulma/blob/master/css/bulma.css )
You can either use that file, "out of the box", or download the Sass source files to customize the [variables ](http://bulma.io/documentation/overview/variables/ ).
There is **no ** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.
## Browser Support
2017-04-02 17:46:37 +01:00
Bulma uses [autoprefixer ](https://github.com/postcss/autoprefixer ) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use ](http://caniuse.com/#feat=flexbox ), Bulma is compatible with **recent ** versions of:
2016-03-09 22:10:26 +00:00
2016-04-10 17:25:27 +01:00
* Chrome
* Edge
* Firefox
* Opera
* Safari
2016-01-27 00:33:07 +00:00
2017-04-02 17:46:37 +01:00
Internet Explorer (10+) is only partially supported.
2017-03-14 18:23:57 -04:00
## Documentation
The documentation resides in the [docs ](docs ) directory, and is built with the Ruby-based [Jekyll ](https://jekyllrb.com/ ) tool.
Browse the [online documentation here. ](http://bulma.io/documentation/overview/start/ )
2016-05-30 19:36:17 +01:00
## Related projects
* Bulma with Attribute Modules: https://github.com/j5bot/bulma-attribute-selectors
* Bulma with Rails: https://github.com/joshuajansen/bulma-rails
2016-09-11 15:21:04 +01:00
* iTemplate: [http://itemplate.ga/ ](http://itemplate.ga/dashboard.html )
2017-03-06 03:43:04 +08:00
* Vue Admin powered by Bulma: https://github.com/vue-bulma/vue-admin
2017-03-24 18:10:20 -04:00
* Bulmaswatch — Free themes for Bulma: https://github.com/jenil/bulmaswatch
2017-06-07 12:59:37 -07:00
* Goldfish — Vault UI with Bulma, Golang, and Vue Admin: https://github.com/Caiyeon/goldfish
2017-06-25 04:36:53 -05:00
* Bloomer — A set of React components for Bulma: https://bloomer.js.org
2017-06-25 02:18:14 +03:00
* Re-bulma – Bulma components build with React: https://github.com/bokuweb/re-bulma
* React-bulma – React.js components for bulma: https://github.com/kulakowka/react-bulma
2016-05-30 19:36:17 +01:00
2016-01-24 00:03:43 +00:00
## Copyright and license
2017-01-15 21:14:27 +00:00
Code copyright 2017 Jeremy Thomas. Code released under [the MIT license ](https://github.com/jgthms/bulma/blob/master/LICENSE ).