Top 5 Popular, Lightweight CSS Frameworks

When building a website, using CSS framework is a time saver, as it provides you with tools that every web designer needs. One of the most popular has been bootstrap. But there are many other frameworks that you may not have heard about but are worth trying out.

In this article, we have 5 lightweight CSS frameworks, for creating beautiful, functional and super fast loading websites.


Spectre is a Lightweight, Responsive and Modern CSS Framework. It provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.



Bulma is an open source CSS framework based on Flexbox and built with Sass. Every element in Bulma is mobile-first and optimized for small screens. That can be easily customized using modifier classes and variables. It’s 100% responsive, fully modular, and available for free.



Materialize is a framework created by Google. Is a design language that combines the classic principles of successful design along with innovation and technology. Google’s goal is to develop a system of design that allows for a unified user experience across all their products on any platform. It’s really simple to use, especially to people familiar with other similar projects, such as Bootstrap.




A set of small, responsive CSS modules that you can use in every web project.Is ridiculously tiny. The entire set of modules clocks in at 3.8KB* minified and gzipped. Pure is responsive out of the box, so elements look great on all screen sizes.


Semantic UI

semantic Semantic UI is also one of the popular frameworks, it offers a huge amount of customization beyond a framework like bootstrap. It supports some of the popular libraries, framework and CMS. Such as Angular and WordPress.

Leave a reply