Buefy VS Purecss

Buefy

Lightweight UI components for Vue.js based on Bulma

Purecss

A set of small, responsive CSS modules that you can use in every web project.

Landing page //
2022-10-11

Landing page //
2022-04-18

#Vue + #Buefy Crash Course

Purecss videos

+ Add

CSS Flexbox layout with inline-block fallback using PureCSS grids

Category Popularity

0-100% (relative to Buefy and Purecss)

Purecss

Developer Tools

61 61%

Developer Tools

39% 39

CSS Framework

0 0%

CSS Framework

100% 100

Design Tools

49 49%

Design Tools

51% 51

Development Tools

56 56%

Development Tools

44% 44

User comments

Share your experience with using Buefy and Purecss. For example, how are they different and which one is better?

Reviews

These are some of the external sources and on-site user reviews we've used to compare Buefy and Purecss

Buefy Reviews

14 Best Vue UI Component Libraries 2023

If you’ve used Bulma, a CSS framework used by over 200.000 developers, then Buefy may be a great choice for you. Buefy combines Bulma with Vue, helping you build good-looking applications using minimal code. Even though the default version has a distinct look and feel, the framework is highly customizable. You can define your own brand colors, sizing rules, and more, making...

Source: athemes.com

15 of the Most Interesting Vue UI Component Libraries for 2023

If you are comfortable with SASS, you will feel right at home with Buefy’s similarities with SASS. That being said, while Buefy provides a ready-made list of components to use for a beginner application, you may find it insufficient if working on a large project.

Source: www.codeinwp.com

Purecss Reviews

22 Best Bootstrap Alternatives & What Each Is Best For

Pure.css offers a set of small, responsive CSS modules that you can use in every project. These include grids, menus, buttons, tables, and other essential components. Despite its minimalistic design, Pure.css works well with other libraries such as Normalize.css, and can be used alongside any JavaScript library or framework.

Source: thectoclub.com

15 Top Bootstrap Alternatives For Frontend Developers in 2024

Pure is a lightweight CSS framework like Bootstrap and a Bootstrap competitor designed with a mobile-first approach. Built on Normalize.css, it provides styling and design to native HTML components, as well as the most popular UI elements.

Source: coursesity.com

9 Best Bootstrap Alternatives | Best Frontend Frameworks [2024]

Pure.css is a CSS framework bunch of CSS modules clustered together. The crux of Pure lies in its weight. It is incredibly lightweight, as it has been crafted keeping mobile devices in mind, in which a small file size is imperative. The framework is purely CSS in nature, doing justice to its name.

Source: hackr.io

Top 10 Best CSS Frameworks for Front-End Developers in 2022

At only 3.7 KB minified, Pure is the most compact CSS Framework around. Out of all the CSS frameworks, Pure will help you create awesome CSS Code without sacrificing space. You can add pure-min.css through free unpkg CDN in your code to use Pure. You can also install Pure using a package manager like npm, Grunt, etc.

Source: hackr.io

15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives

We consider Pure a minimalist alternative to Bootstrap that offers every module a beginner needs (navigation menu, grid, tables, etc.).

Source: www.webdesignerdepot.com

Social recommendations and mentions

Based on our record, Buefy should be more popular than Purecss. It has been mentiond 13 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Buefy mentions (13)

Awesome | Top 9 UI Frameworks for Vue.js
Buefy is a lightweight UI component library based on Bulma. It provides simple, lightweight, and responsive components for building web interfaces. - Source: dev.to / 3 days ago
Top UI libraries for Vue JS in 2023
Buefy: A lightweight UI library that provides a range of customizable UI components, including forms, buttons, and navbars. - Source: dev.to / over 1 year ago
Any UI framework for Vue that isn't so opinionated it can't be customized? - Also, what's it like working with your preferred framework?
Back in the day I used Buefy https://buefy.org/ which is a Vue version of Bulma. I like it, I'd say it was easy to implement and I could change the style a bit without too many lines of code. Source: almost 2 years ago
What are these #hash references in template tags ?
I'm learning Vue and today noticed something I hadn't seen before, by Buefy component templates, namely hash-prefixed attributes on template tags e.g. Source: almost 2 years ago
Is there a way to use `Vue.compile()` within Nuxt?
That will render any Vue components referenced within the content returned from the API. In my case, it contained Buefy component references e.g.:. Source: almost 2 years ago

Purecss mentions (8)

CSS framework for Dioxus + mobile
I found Pure.css and it looks nice but maybe there is something better? Source: about 1 year ago
Is a website built completely on HTML, CSS and JS enough?
Some examples: - https://simplecss.org/ - https://purecss.io/ (I've used this one for over a decade and works great). Source: over 1 year ago
CSP nonce with Node.js and EJS
Now, to test our CSP, we just have to load some external resources. Let's bring on Pure.css and Lodash. Update index.ejs to look like this :. - Source: dev.to / almost 2 years ago
Bootstrap vs Tailwind
Personally I don't like either. Bootstrap seems too bloated and cookie-cutter, and Tailwind is inline styles and clutter. Lately I've used Bulma (CSS framework) and Buefy (Bulma + Vue) on a couple of projects. I also like the look of Pure CSS, but I haven't used it. Source: about 2 years ago
Just wondering...anyone else here use HTML, CSS, and Vanilla JS exclusively?
I use https://purecss.io/ all the time. Source: over 2 years ago