> 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,687	278	2.8.2	6 months ago	4 years ago
buefy			0.9.29	a month ago	7 years ago
bulma	48,650	435	1.0.0	2 months ago	8 years ago
iview			3.5.4	4 years ago	8 years ago
tailwindcss	78,814	43	3.4.3	2 months ago	7 years ago
vuetify			3.6.5	3 days ago	8 years ago

@chakra-ui/react vs buefy vs bulma vs iview 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