In this post I will give you a quick overview of some CSS and UI frameworks. If you are building a rich admin dashboard, Bootstrap is totally fine, but for smaller projects you might not need all the features or you are just looking for a different look and feel. All frameworks in this post are actively maintained and Open Source.
npm install bulma
npm install uikit
npm install materialize-css
MUI also follows the guidelines of Google’s Material Design. What is special about this one is that it is also available as a REACT, Angular, WebComponents or HTML Email framework. The documentation says that it has an “extreme hackability”. I haven’t tried it out yet. But that’s a feature you might need ;)
npm install muicss
PURE is created by Yahoo. It’s a lightweight framework with only very basic elements. It is divided into “Base”, “Grid”, “Forms”, “Buttons”, “Tables” and “Menus”. You can use all of these pacakges or just load the ones you need in your application.
npm install purecss
Cardinal is a good starting point. It’s “leaving the design and creativity up to you” so there are only basic styles and no fancy components. It is mobile first and has a flexible grid system.
npm install cardinalcss
npm install getbase
Tacit is special. It calls itself a “CSS framework for dummies” because it doesn’t use classes but styles just the HTML elements (for example
No npm package here :/
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://yegor256.github.io/tacit/tacit.min.css"/> </head> </html>
npm install milligram
Semantic UI is big. You should use this if you are looking for a framework with lots of features. It offers simple elements and components but also views and modules in various themes. You can also build your own themed version with only the features you need.
npm install semantic-ui
I am collecting frontend libraries and frameworks in the github repo ”frontend stuff”. There you also find some more CSS and UI frameworks. If you have any questions you find me on twitter or you can use the comment section.