Find Similar Packages for buefy
Search packages..
1 Year
buefySimilar Packages:
NPM Package Downloads Trend
Stat Detail
Package
Downloads
Stars
Size
Issues
Publish
License
buefy41,6219,5587.87 MB367 months agoMIT
Similar Npm Packages to buefy

buefy is a lightweight UI component library for Vue.js, built on top of Bulma, a modern CSS framework. Buefy provides a set of responsive and customizable components that help developers create beautiful and functional user interfaces with ease. It emphasizes simplicity and ease of use, making it a great choice for developers looking to quickly prototype or build applications without the overhead of a more complex framework. While Buefy is a solid option for Vue.js applications, there are several alternatives worth considering:

  • element-ui is a popular UI component library for Vue.js, designed specifically for desktop applications. It offers a comprehensive set of components and a rich set of features, including customizable themes, internationalization, and accessibility support. Element UI is well-suited for building complex and feature-rich applications, making it a go-to choice for many developers looking for a robust UI toolkit.
  • quasar is a powerful Vue.js framework that allows developers to build responsive websites, mobile applications, and Electron apps using a single codebase. Quasar provides a rich set of UI components, along with a powerful CLI and extensive documentation. Its versatility and performance make it an excellent choice for developers who want to create cross-platform applications with a consistent user experience.
  • vuetify is a Material Design component framework for Vue.js. It provides a wide range of pre-designed components that adhere to the Material Design guidelines, making it easy to create visually appealing applications. Vuetify also includes features like a grid system, responsive design, and extensive customization options. If you are looking to implement Material Design in your Vue.js applications, Vuetify is a fantastic option.

To explore how Buefy compares with Element UI, Quasar, and Vuetify, check out the comparison: Comparing buefy vs element-ui vs quasar vs vuetify.

README for buefy

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

Check out the official @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 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+. (Vue 3 is supported here)

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/font@5.8.55/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>

Start On Cloud IDE

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

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.

Terms & PrivacyProduct HuntJSON to TypeScriptCopilotChat for Web Dev