Buefy

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

Features

Keep your current Bulma theme / variables easily
Supports both Material Design Icons and FontAwesome
Very lightweight with none internal dependencies aside from Vue & Bulma
Semantic code output
Follows Bulma design and some of the Material Design UX
Focus on usability and performance without over-animations

Documentation and Demo

The documentation is in the docs directory, it serves as the demo as well.

Quick Start

Install via npm

npm install buefy

Import and use Buefy. You can also enable individual components

import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/lib/buefy.css';

Vue.use(Buefy);

// OR

Vue.component(Buefy.Checkbox.name, Buefy.Checkbox);
Vue.component(Buefy.Table.name, Buefy.Table);
...

Include Material Design Icons

<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">

Note: If you want to customize the icons or the theme, access the customization section on the online documentation.

Versioning

While it's still in beta, version will follow v0.Y.Z, where:

Y: Major (breaking changes)
Z: Minor or patch

As soon as it's stable and v1 is ready, I'll switch to vX.Y.Z (SemVer).

Browser Support

Might work in other versions, but it's not tested.

Credits and Thanks

Vue.js for the great reactive js framework
Bulma for the best flexbox css framework out there
The original idea from vue-admin
Some code structure and ideas from:

Copyright and License

Twitter @rafaelpimpa

gczh/buefy