Material Design
Bootstrap
Material UI
Angular Material
PrimeFaces
Tailwind CSS
Vuetify
Foundation
Tachyons
Tailwind CSS
Bootstrap
Bulma
Purecss
Basscss
Tailwind UI
Next.js
Material Design TachyonsBased on our record, Tachyons should be more popular than Material Design. It has been mentiond 23 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.
Some examples of popular design systems include Google’s Material Design, the Atlassian Design System, and Carbon Design System by IBM. - Source: dev.to / over 1 year ago
The main reasons organizations decide to build a design system are myriad and well documented. For the team at Monisnap our top priorities were:. - Source: dev.to / almost 2 years ago
Why are they consistently different across their products? Companies have brand guidelines to make sure that you have a uniform experience with all of their apps. Here's Google's, for example. Source: almost 2 years ago
Compare this to the Human Interface Guidelines which have stayed far more stable and neutral. [1]: https://material.io/design/introduction#theming. - Source: Hacker News / about 2 years ago
- there is too much I would change so here are two resources that should help guide you Https://www.youtube.com/watch?v=FmSjtWTIx1o Https://material.io/design/introduction. Source: about 2 years ago
I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller. - Source: dev.to / 6 months ago
The CSS framework we will use in this project is Tachyons CSS, which we will install by running the command below in the terminal. - Source: dev.to / 7 months ago
Tachyons is a similar utility class framework, and a lot smaller at somewhere under 20kb, IIRC. https://tachyons.io/. - Source: Hacker News / about 1 year ago
I like using a functional CSS library (tachyons.io, tailwindcss, or SLDS) and setup components separately. The CSS has my colors and units declared (and the aim is to not have 40 different gray colors, it's to limit yourself with a definition list). Then the actual components are setup via a component library. Plenty to choose from: React, VueJS, LWC, AngularJS, or just native web components. Source: over 1 year ago
Therefore, I totally got to buy in for the utility-first approach. In that world, the only thing is worth mentioning is Tachyons. However, although it came way earlier than Tailwind, it is said to be feature-complete, and one cannot expect new features to be added or problems discussed. The latest release is almost five years old, which definitely violates the principle “Bleed Responsibly”. You can also see... - Source: dev.to / over 1 year ago
Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design
Angular Material - Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Specification.
Bulma - Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
PrimeFaces - Open source UI framework for JSF featuring over 100 components, touch optimized mobilekit, push framework, client side validation, theme engine and more.