buefy/buefy


Lightweight UI components for Vue.js based on Bulma

https://buefy.org

License: MIT

Language: Vue

Keywords: bulma, components, vue, vue-admin, vue-bulma, vuejs


Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

Features

  • Keep your current Bulma theme / variables easily
  • Supports both Material Design Icons and FontAwesome
  • Very lightweight with none internal dependencies aside from Vue & Bulma
  • About 60KB min+gzip (with Bulma included)
  • Semantic code output
  • Follows Bulma design and some of the Material Design UX
  • 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.

Quick start

You need Vue.js version 2.5+.

1 Install via npm

npm install buefy

2 Import and use Buefy

Bundle

import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';

Vue.use(Buefy);

or Individual Components

import Vue from 'vue'
import { Field, Input } from 'buefy/dist/components'
import 'buefy/dist/buefy.css'

Vue.use(Field)
Vue.use(Input)

or

import Vue from 'vue'
import Field from 'buefy/dist/components/field'
import Input from 'buefy/dist/components/input'
import 'buefy/dist/buefy.css'

Vue.use(Field)
Vue.use(Input)

3 Include Material Design Icons

<link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">

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

Alternatively, you can use a CDN or even download

<!-- Buefy CSS -->
<link rel="stylesheet" href="https://unpkg.com/buefy/dist/buefy.min.css">

<!-- Buefy JavaScript -->
<script src="https://unpkg.com/buefy/dist/buefy.min.js"></script>

Browser support

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

Versioning

While it's still in beta, version will follow v0.Y.Z, where:

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

Maintainers

Supporting through Patreon

Buefy is an open source MIT project if you are interested in supporting this project, please consider becoming a patron.

Become a Patron

License

Code released under MIT license.

Copyright (c), Rafael Beraldo.

Project Statistics

Sourcerank 16
Repository Size 16.7 MB
Stars 6,271
Forks 619
Watchers 130
Open issues 152
Dependencies 1,283
Contributors 152
Tags 45
Created
Last updated
Last pushed

Top Contributors See all

Walter Tommasi Rafael Beraldo Alexandre Paradis Yuxing Liao Adrien Fourel Antério Vieira Jorge Nieto Mateus Machado Luna Jiahao Guo Thomas Schersach Afif Sohaili Bruno Oliveira electrolinux Milos Stojanovic apolokaklab Masato Sugiyama Mix Ralph Huwiler Chris Allison Gz

Packages Referencing this Repo

buefy
Lightweight UI components for Vue.js based on Bulma
Latest release 1.0.0 - Updated - 6.27K stars
codepiet
A Vue.js project
Latest release 0.4.3 - Updated - 6.27K stars
custom-buefy-ar-rtl
Lightweight UI components for Vue.js based on Bulma
Latest release 1.0.3 - Updated - 6.27K stars
@dtone/buefy
Lightweight UI components for Vue.js based on Bulma
Latest release 0.7.11 - Updated - 6.27K stars
commonmaropackage
Lightweight UI components for Vue.js based on Bulma
Latest release 0.1.3 - Updated - 6.27K stars

Recent Tags See all

v0.8.3 September 02, 2019
v0.8.2 August 03, 2019
v0.8.1 August 01, 2019
v0.8.0 July 31, 2019
v0.7.10 July 09, 2019
v0.7.9 July 09, 2019
v0.7.8 June 25, 2019
v0.7.7 May 30, 2019
v0.7.6 May 18, 2019
v0.7.5 April 25, 2019
v0.7.4 April 10, 2019
v0.7.3 February 26, 2019
0.7.3 February 26, 2019
v0.7.2 January 16, 2019
v0.7.1 November 19, 2018

Interesting Forks See all

fappurbate/fappify
Modification of Buefy created especially for Fappurbate
Vue - Other - Last pushed - 1 stars

Something wrong with this page? Make a suggestion

Last synced: 2019-08-03 15:16:01 UTC

Login to resync this repository