\n\n> Buefy is a lightweight library of responsive UI components for [Vue.js](https://vuejs.org/) based on [Bulma](http://bulma.io/) framework and design.\n\n## Features\n\n* Keep your current Bulma theme / variables easily\n* Supports both [Material Design Icons](https://materialdesignicons.com/) and [FontAwesome](http://fontawesome.io/)\n* Very lightweight with none internal dependencies aside from Vue & Bulma\n* About 60KB min+gzip (with Bulma included)\n* Semantic code output\n* Follows Bulma design and some of the [Material Design UX](https://material.io/)\n* Focus on usability and performance without *over-animating* stuff\n\n## Documentation\n\nThe documentation is in the docs directory, it serves as the demo as well.\n\nBrowse [online documentation here](https://buefy.org/).\n\n## Quick start\n\nYou need [Vue.js](https://vuejs.org/) **version 2.5+**.\n\n### 1 Install via npm\n\n```bash\nnpm install buefy\n```\n\n### 2 Import and use Buefy\n\nBundle\n```javascript\nimport Vue from 'vue';\nimport Buefy from 'buefy';\nimport 'buefy/dist/buefy.css';\n\nVue.use(Buefy);\n\n```\nor Individual Components\n```javascript\n\nimport Vue from 'vue'\nimport { Field, Input } from 'buefy/dist/components'\nimport 'buefy/dist/buefy.css'\n\nVue.use(Field)\nVue.use(Input)\n\nor\n\nimport Vue from 'vue'\nimport Field from 'buefy/dist/components/field'\nimport Input from 'buefy/dist/components/input'\nimport 'buefy/dist/buefy.css'\n\nVue.use(Field)\nVue.use(Input)\n```\n\n### 3 Include Material Design Icons\n\n```html\n\n```\n\nIf you want to customize the icons or the theme, refer to the [customization section on the documentation](https://buefy.org/#/documentation/customization).\n\n### Alternatively, you can use a CDN or even download\n\n```html\n\n\n\n\n\n```\n\n## Browser support\n\nRecent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported.\n\n## Versioning\n\nWhile it's still in beta, version will follow **v0.Y.Z**, where:\n\n* **Y**: Major (breaking changes)\n* **Z**: Minor or patch\n\n## Maintainers\n\n* [Walter Tommasi](https://twitter.com/walter_tommasi)\n\n## Supporting through Patreon\n\nBuefy is an open source MIT project if you are interested in supporting this project, please consider becoming a patron.\n
\n\n## License\n\nCode released under [MIT](https://github.com/buefy/buefy/blob/master/LICENSE) license.\n\nCopyright (c), [Rafael Beraldo](https://twitter.com/rafaelpimpa).\n","readmeFilename":"README.md","homepage":"https://buefy.org","keywords":["bulma","vue","vuejs","vue-bulma","components"],"repository":{"type":"git","url":"git+https://github.com/buefy/buefy.git"},"author":{"name":"Rafael Beraldo","email":"rafael.pimpa@gmail.com"},"bugs":{"url":"https://github.com/buefy/buefy/issues"},"license":"MIT"}
![](\"https://raw.githubusercontent.com/buefy/buefy/master/static/img/buefy-banner.png\")
\n \n ![](\"https://img.shields.io/npm/v/buefy.svg\")
\n ![](\"https://img.shields.io/npm/dt/buefy.svg\")
\n ![](\"https://img.shields.io/circleci/project/github/buefy/buefy.svg?style=flat-square\")
\n ![](\"https://img.shields.io/codecov/c/github/buefy/buefy.svg?style=flat-square\")
\n ![](\"https://img.shields.io/npm/l/buefy.svg\")
\n ![](\"https://img.shields.io/badge/chat-on%20discord-7289DA.svg\"){kind=icon}
\n ![](\"https://img.shields.io/badge/code_style-buefy-7957d5.svg?style=flat-square\"){kind=icon}
\n![\"Become](\"https://c5.patreon.com/external/logo/become_a_patron_button.png\"){kind=logo}
\n \n