Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.
-
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
The documentation is in the docs directory, it serves as the demo as well.
Browse the online documentation here.
npm install buefyimport Vue from 'vue'
import Buefy from 'buefy'
import 'buefy/lib/css/buefy.css'
Vue.use(Buefy)
// OR
Vue.component(Buefy.Checkbox.name, Buefy.Checkbox)
Vue.component(Buefy.Table.name, Table.Checkbox)
...<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.
JavaScript depends on your building. CSS is from Bulma Browser Support.
- 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 (c) 2017 Rafael Beraldo. Code released under the MIT license.
Twitter @rafaelpimpa