Repository files navigation

Buefy is a lightweight library of responsive UI components forVue.js based onBulma framework and design.

Check out the official@ntohq/Buefy-next fork in development forVue v3.0.0+ support.

• Keep your current Bulma theme / variables easily
• Supports bothMaterial Design Icons andFontAwesome
• 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 theMaterial Design UX
• Focus on usability and performance withoutover-animating stuff

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

Browseonline documentation here.

You needVue.jsversion 2.6+. (Vue 3 is supportedhere)

npm install buefy

Bundle

importVuefrom'vue';importBuefyfrom'buefy';import'buefy/dist/buefy.css';Vue.use(Buefy);

or Individual Components

importVuefrom'vue'import{Field,Input}from'buefy'import'buefy/dist/buefy.css'Vue.use(Field)Vue.use(Input)

<linkrel="stylesheet"href="https://cdn.jsdelivr.net/npm/@mdi/font@5.8.55/css/materialdesignicons.min.css">

If you want to customize the icons or the theme, refer to thecustomization section on the documentation.

<!-- Buefy CSS --><linkrel="stylesheet"href="https://unpkg.com/buefy/dist/buefy.min.css"><!-- Buefy JavaScript --><scriptsrc="https://unpkg.com/buefy/dist/buefy.min.js"></script>

https://github.com/buefy/buefy

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported.

Please see thecontributing guidelines

Version will followv0.Y.Z, where:

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

Walter Tommasi

Special thanks toRafael Beraldo, the original author.

Thanks goes to these wonderful people (emoji key):

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

This project follows theall-contributors specification. Contributions of any kind welcome!

Code released underMIT license.