Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rafaelpimpa/buefy
Lightweight UI components for Vue.js based on Bulma
https://github.com/rafaelpimpa/buefy
bulma components vue vue-admin vue-bulma vuejs
Last synced: about 1 month ago
JSON representation
Lightweight UI components for Vue.js based on Bulma
- Host: GitHub
- URL: https://github.com/rafaelpimpa/buefy
- Owner: buefy
- License: mit
- Created: 2017-03-31T16:44:48.000Z (over 7 years ago)
- Default Branch: dev
- Last Pushed: 2024-10-21T09:47:14.000Z (about 2 months ago)
- Last Synced: 2024-10-29T10:45:15.013Z (about 1 month ago)
- Topics: bulma, components, vue, vue-admin, vue-bulma, vuejs
- Language: Vue
- Homepage: https://buefy.org
- Size: 30.5 MB
- Stars: 9,552
- Watchers: 103
- Forks: 1,114
- Open Issues: 36
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-vue - buefy - 响应式UI组件轻量级库 (UI组件)
- awesome-github-vue - buefy - 响应式UI组件轻量级库 (UI组件)
- awesome-github-vue - buefy - 响应式UI组件轻量级库 (UI组件)
- awesome - buefy - 响应式UI组件轻量级库 (UI组件)
- awesome-vue - buefy - 响应式UI组件轻量级库 (UI组件)
README
> 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
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.
