> Buefy is a lightweight library of responsive UI components for [Vue.js](https://vuejs.org/) based on [Bulma](http://bulma.io/) framework and design. > > *Check out the official [`@ntohq/Buefy-next`](https://github.com/ntohq/buefy-next) fork in development for `Vue v3.0.0+` support.* ## Features * Keep your current Bulma theme / variables easily * Supports both [Material Design Icons](https://materialdesignicons.com/) and [FontAwesome](http://fontawesome.io/) * Very lightweight with none internal dependencies aside from Vue & Bulma * About 88KB min+gzip (with Bulma included) * Semantic code output * Follows Bulma design and some of the [Material Design UX](https://material.io/) * Focus on usability and performance without *over-animating* stuff ## Documentation The documentation is in the docs directory, it serves as the demo as well. Browse [online documentation here](https://buefy.org/). ## Quick start You need [Vue.js](https://vuejs.org/) **version 2.6+**. (Vue 3 is supported [here](https://github.com/ntohq/buefy-next)) ### 1 Install via npm ```bash npm install buefy ``` ### 2 Import and use Buefy Bundle ```javascript import Vue from 'vue'; import Buefy from 'buefy'; import 'buefy/dist/buefy.css'; Vue.use(Buefy); ``` or Individual Components ```javascript import Vue from 'vue' import { Field, Input } from 'buefy' import 'buefy/dist/buefy.css' Vue.use(Field) Vue.use(Input) ``` ### 3 Include Material Design Icons ```html ``` If you want to customize the icons or the theme, refer to the [customization section on the documentation](https://buefy.org/documentation/customization). ### Alternatively, you can use a CDN or even download ```html ``` ## Start On Cloud IDE [https://github.com/buefy/buefy](https://github.com/buefy/buefy) ## Browser support Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported. ## Contributing Please see the [contributing guidelines](./.github/CONTRIBUTING.md) ## Versioning Version will follow **v0.Y.Z**, where: * **Y**: Major (breaking changes) * **Z**: Minor or patch ## Core Team

_{Walter Tommasi}

Special thanks to Rafael Beraldo, the original author. ## Contributors ✨ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

_{Rafael Beraldo} 💻	_{Alexandre Paradis} 💻	_{Yuxing Liao} 💻	_Adrien 💻	_{Apolokak Lab} 💻	_{Antério Vieira} 💻	_{Jorge Nieto} 💻	_{Mateus Machado Luna} 💻
_{All contributors}

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! ## License

Code released under [MIT](https://github.com/buefy/buefy/blob/master/LICENSE) license.

	Stars	Issues	Version	Updated	Created
@chakra-ui/react	36,592	327	2.8.2	6 months ago	3 years ago
buefy	9,517	16	0.9.29	a month ago	7 years ago
bulma	48,586	435	1.0.0	a month ago	8 years ago
tailwindcss	78,425	38	3.4.3	a month ago	7 years ago
vuetify	39,046	776	3.5.17	5 days ago	8 years ago

@chakra-ui/react vs buefy vs bulma vs tailwindcss vs vuetify

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past