Purecss VS Vuetify

Purecss

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

Vuetify

Material Component Framework for VueJS 2

Landing page //
2022-04-18

Landing page //
2023-04-22

CSS Flexbox layout with inline-block fallback using PureCSS grids

Vuetify videos

+ Add

Why You Should Use Vue & Vuetify in 2019

Category Popularity

0-100% (relative to Purecss and Vuetify)

Vuetify

CSS Framework

100 100%

CSS Framework

0% 0

Developer Tools

13 13%

Developer Tools

87% 87

Development Tools

48 48%

Development Tools

52% 52

Design Tools

34 34%

Design Tools

66% 66

User comments

Share your experience with using Purecss and Vuetify. 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 Purecss and Vuetify

Purecss Reviews

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

10 of the Best Bootstrap Alternatives

Pure is a lightweight CSS framework that’s designed specifically for mobile. It uses Normalize.css and offers design and styling to local HTML components in addition to the most well-known user interface components. Minimalism is based on Pure, which is incredibly little; a complete set of modules weighs in at 3.7KB* minified and gzipped, making it one of the tiniest...

Source: thetechhacker.com

Top 5 Bootstrap Alternatives

All the modules when bundled together and gzipped are 3.7 KB, although individually they amount to more. The grid module is just 0.8 KB, while the Base module is 1.0 KB. The team behind PureCSS says that it was built entirely with mobile devices in mind, and so every line of CSS was carefully scrutinized for efficiency before being included.

Source: geekflare.com

Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers

Pure is a clustered set of CSS modules, which might not sound convincing but it does well what is it designed for. The platform defines itself as a set of small responsive CSS modules which can be used in every project. Pure is incredibly tiny for a framework. Its entire set is sized at 3.8 KB. The platform is primarily designed with mobile devices in mind, which is why the...

Source: www.technadu.com

Vuetify Reviews

14 Best Vue UI Component Libraries 2023

For agencies, it makes sense to focus on just one or two libraries so that your team can develop expertise around them and produce new Vue applications faster. So, you should be looking into the UI component libraries that have a variety of components and are highly reliable. Although GitHub stars are not an absolute measure of reliability, they do show a clear indication....

Source: athemes.com

15 of the Most Interesting Vue UI Component Libraries for 2023

What makes Vuetify an interesting choice among the best Vue UI component libraries is the availability of ready-made scaffolding for code – in the form of pre-made vue-cli templates. This helps you get started quickly. Vuetify also has a good community and regular updates.

Source: www.codeinwp.com

The Best Vue 3 UI Libraries

One of the main advantages of Vuetify is that it’s very user-friendly, even if you’re not familiar with Material UI. The documentation is clear and concise, and the team behind this framework is constantly updating it to make sure it keeps up with Vue’s latest changes.

Source: upmostly.com

Social recommendations and mentions

Based on our record, Vuetify should be more popular than Purecss. It has been mentiond 35 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.

Purecss mentions (8)

CSS framework for Dioxus + mobile
I found Pure.css and it looks nice but maybe there is something better? Source: 11 months 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

Vuetify mentions (35)

Creating A Custom Grid System With Vuetify
In modern web design, grid systems are crucial in creating flexible and responsive layouts. They provide a basis that helps designers and developers effectively align and arrange web page content. Vuetify, a popular framework for Vue.js, offers a built-in grid system with predefined grid classes to simplify creating responsive layouts. However, there may be cases where you need to create a custom CSS grid system... - Source: dev.to / 6 months ago
An Overview of 25+ UI Component Libraries in 2023
Vuetify: Claims to be a no design skills required Open Source UI Library with beautifully handcrafted Vue Components. It has all the bells and whistles like most fully-fledged component libraries. Once more, you’d need to know the API to use this library, as well as get “locked in” to their component composition model. - Source: dev.to / 8 months ago
About design systems and UI kit
Thanks! I also know that the DS components are often already written in the code, for example, there is a viewfile framework that is made on Google material https://vuetifyjs.com/en / If the components are already registered, then it is highly undesirable to change the logic of behavior (so-called patterns). For example, the behavior of a modal window, input, etc. Is that also true? Source: 11 months ago
Has anyone had any luck with Naive UI? Can't seem to figure it out and looking for some basic full page app examples
Vuetify is fairly popular and is compatible with Vue 3. Source: about 1 year ago
Frontend for django
Django Rest Framework with Vue and Vuetify is a great option. Source: about 1 year ago