All Projects → buefy → Buefy

buefy / Buefy

Licence: mit
Lightweight UI components for Vue.js based on Bulma

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Projects that are alternatives of or similar to Buefy

Bloomer
A set of React components for Bulma CSS Framework
Stars: ✭ 683 (-92.43%)
Mutual labels:  components, bulma
vulma
Vue + Bulma = Vulma
Stars: ✭ 43 (-99.52%)
Mutual labels:  components, bulma
Blazorise
Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Bulma, AntDesign, and Material.
Stars: ✭ 2,103 (-76.7%)
Mutual labels:  components, bulma
Vuexfire Admin
A Vue / Vuexfire app with Firebase auth. Based on vue-admin, using vuex, vuexfire, vue-router and firebase as the backend.
Stars: ✭ 60 (-99.34%)
Mutual labels:  bulma, vue-admin
Elemental components
Simple view components for Rails 5.1+
Stars: ✭ 68 (-99.25%)
Mutual labels:  components
Msvgc
Make React components from your plain SVG files
Stars: ✭ 64 (-99.29%)
Mutual labels:  components
Elenext
A Vue.js 3.0 UI Toolkit for Web, Elenext by Vue 3.0
Stars: ✭ 63 (-99.3%)
Mutual labels:  components
Design System Starter
🚀 The Australian Government Design System - Starter
Stars: ✭ 61 (-99.32%)
Mutual labels:  components
Nestjs Components
A list of useful components for NestJS applications
Stars: ✭ 72 (-99.2%)
Mutual labels:  components
Rubel
Rubel is a cms built with Laravel and React.
Stars: ✭ 70 (-99.22%)
Mutual labels:  bulma
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+21.53%)
Mutual labels:  vue-admin
Awesome Uikit
Collect JS Frameworks, Web components library and Admin Template.
Stars: ✭ 1,136 (-87.41%)
Mutual labels:  vue-admin
React Native Elements App
Demo app for React Native Elements (w/ React Native Web)
Stars: ✭ 1,159 (-87.16%)
Mutual labels:  components
Skiasharp.components
Rendered components for an easier declaration of SkiaSharp rendering.
Stars: ✭ 63 (-99.3%)
Mutual labels:  components
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (-99.22%)
Mutual labels:  components
Bootstrap For Vue
Use https://bootstrap-vue.js.org instead.
Stars: ✭ 62 (-99.31%)
Mutual labels:  components
Snacks
The Instacart Component Library
Stars: ✭ 65 (-99.28%)
Mutual labels:  components
Egeo
EGEO is the open-source UI library used to build Stratio's UI. It includes UI Components, Utilities, Services and much more to build user interfaces quickly and with ease. The library is distributed in AoT mode.
Stars: ✭ 69 (-99.24%)
Mutual labels:  components
Vuepress Theme Bulma
A pure Bulma.css theme for VuePress
Stars: ✭ 66 (-99.27%)
Mutual labels:  bulma
Domponent
Build UI Components with the HTML You Already Have
Stars: ✭ 66 (-99.27%)
Mutual labels:  components

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 88KB 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.6+.

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'
import 'buefy/dist/buefy.css'

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

3 Include Material Design Icons

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/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.

Contributing

Please see the contributing guidelines

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):


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 specification. Contributions of any kind welcome!

License

Code released under MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].