# rafaelpimpa/buefy

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/rafaelpimpa-buefy).**

9,531 stars · 1,096 forks · Vue · MIT

## Links

- GitHub: https://github.com/rafaelpimpa/buefy
- Homepage: https://buefy.org
- awesome-repositories: https://awesome-repositories.com/repository/rafaelpimpa-buefy.md

## Description

Buefy is a user interface component library built specifically for Vue.js applications. It provides a collection of pre-styled interface elements and a responsive web UI kit designed to implement the Bulma CSS framework's styling and grid system.

The project enables rapid frontend prototyping by offering a standardized library of semantic UI elements. These components allow for the creation of flexible layouts that automatically adjust to different screen sizes and devices.

The library covers broad capabilities for responsive web design and the construction of user interfaces through the integration of Bulma CSS within the Vue.js ecosystem.

## Tags

### User Interface & Experience

- [User Interface Components](https://awesome-repositories.com/f/user-interface-experience/user-interface-components.md) — Offers a comprehensive collection of pre-styled user interface components and layout patterns for building web applications. ([source](https://github.com/rafaelpimpa/buefy#readme))
- [Vue UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/vue-ui-libraries.md) — Serves as a comprehensive collection of pre-styled user interface components designed specifically for Vue.js applications.
- [Bulma Integrations](https://awesome-repositories.com/f/user-interface-experience/css-framework-integrations/bulma-integrations.md) — Implements the Bulma CSS framework's styling and grid system through a dedicated set of Vue components.
- [Responsive Design](https://awesome-repositories.com/f/user-interface-experience/responsive-design.md) — Provides tools and components designed to create layouts that automatically adjust to different devices and screen sizes.
- [Responsive UI Kits](https://awesome-repositories.com/f/user-interface-experience/responsive-ui-kits.md) — Supplies a comprehensive kit of responsive components and layout tools that adapt to various breakpoints.
- [Responsive Web Interfaces](https://awesome-repositories.com/f/user-interface-experience/responsive-web-interfaces.md) — Provides a suite of components that adapt their layout and arrangement across different screen sizes. ([source](https://github.com/rafaelpimpa/buefy#readme))
- [Vue Element Wrappers](https://awesome-repositories.com/f/user-interface-experience/component-architectures/html-element-wrappers/vue-element-wrappers.md) — Wraps standard HTML elements in Vue components to enable reactive property binding and event handling.
- [Single File Components](https://awesome-repositories.com/f/user-interface-experience/component-architectures/single-file-components.md) — Uses a single file component architecture to organize template, logic, and styling.
- [Component Slot Systems](https://awesome-repositories.com/f/user-interface-experience/component-slot-systems.md) — Provides slot systems for injecting custom HTML or other components into predefined areas of UI elements.
- [Prop-Driven Class Composition](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/rendering-models/composition-rendering-patterns/component-patterns/class-components/prop-driven-class-composition.md) — Maps component properties to Bulma CSS classes to dynamically control the visual state of elements.
- [CSS Styling](https://awesome-repositories.com/f/user-interface-experience/css-styling.md) — Implements UI components that leverage an external CSS framework for layout and visual design.

### Web Development

- [CSS Framework Wrappers](https://awesome-repositories.com/f/web-development/css-framework-wrappers.md) — Wraps Bulma CSS framework classes in Vue components to manage styles and behavior through reactive state.
- [Vue Development](https://awesome-repositories.com/f/web-development/vue-development.md) — Provides a specialized library of UI tools and components built specifically for the Vue.js ecosystem.

### Software Engineering & Architecture

- [UI Prototyping](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/rapid-prototyping/ui-prototyping.md) — Enables rapid assembly of user interfaces using a standardized library of semantic components to validate design ideas.

### Part of an Awesome List

- [UI Component Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/ui-component-frameworks.md) — Lightweight UI components built on top of the Bulma CSS framework.