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 materialize-css
Colors Of Europe
Interactive Data Visualization (Zeit Online)
Are you interested in a collaboration?
We are specialized in creating custom data visualizations and web-based tools.
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 ;)
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.
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.
is included. BASE is not about fancy UI elements but about a solid foundation with a good grid system and a lot of helper classes.
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 :/
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.
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.