BEM might be a bit more popular than Vuetify. We know about 45 links to it since March 2021 and only 36 links to Vuetify. 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.
Keep in mind you also have to use BEM. If you use just SASS, there are little to no advantages compared with CSS. I am going to cover BEM in a separate article, but for your understanding, BEM is a methodology for writing good CSS. - Source: dev.to / 17 days ago
Most of our headaches stemmed from styled-components. Despite the merits of this CSS-in-JS library, it doesn’t mesh as seamlessly with server components. Traditional CSS methodologies, such as BEM (Block, Element, Modifier), CSS modules, or even utility-first frameworks like Tailwind, would have alleviated many of our difficulties. This lesson is a key takeaway that we plan to carry forward into our future projects. - Source: dev.to / 18 days ago
After I had created space, the code was as spaghetti as it can get. I decided to switch to SCSS and finally read into the BEM Pattern for CSS and after wasting another 4 hours, I decided that I could not decide wether the HUD is an element of the game and the button is an element of the HUD and the text is an element of the button and someone else also thought about this and called it the BEM grandchildren... - Source: dev.to / about 1 month ago
There are some conceptual requirements to clean code that I always found hard to achieve in a traditional web project, but that's one more reason to use tools like static site generators and follow design patterns like Atomic Design, (A)BEM CSS, and a modular file structure. - Source: dev.to / about 1 year ago
BEM is a methodology for organizing and naming CSS classes in a scalable and maintainable way. Learning the principles of BEM can improve the structure of your stylesheets drastically. - Source: dev.to / 5 months ago
I recently needed to implement a select component in Vuetify for a list of countries, which has a couple of countries at the top at the list, divided with a horizontal line. It took me a while to figure out how to do this, so I figured I’d share in case someone else needs to do the same. - Source: dev.to / 5 days ago
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 / 7 months ago
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 / 9 months ago
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: about 1 year ago
Vuetify is fairly popular and is compatible with Vue 3. Source: about 1 year ago
Sass - Syntatically Awesome Style Sheets
Buefy - Lightweight UI components for Vue.js based on Bulma
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
Bootstrap Vue - Quickly integrate Bootstrap v4 components with Vue.js
styled-components - styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions