When you’re starting building a web project with a framework, you might find that there’re so many front-end frameworks out there. Are you wasting your time to search, compare and test each framework to determine which one is suit for your needs? In this post, I would like to introduce Top 40 HTML/CSS3 Front-end Frameworks listed below that are most popular on the web as well as having most stars on the github.com. Choose one and use it in your next project to save your time so that you will be able to focus on the content of your project.
May 7, 2019 Update:
A lightweight and responsive UI framework for modern web development.
Apr 9, 2019 Update:
A just-add-css collection of styles to make simple websites just a little nicer.
Apr 3, 2019 Update:
Terminal Style CSS Framework.
Jan 30, 2019 Update:
Modern and minimalistic CSS framework for terminal enthusiasts.
Nov 20, 2018 Update:
NES-style(8bit-like) CSS Framework.
Sep 16, 2018 Update:
Trashy.css – The throwaway CSS library with no `class`.
Jun 10, 2018 Update:
Lightweight and robust CSS framework for prototyping and production code.
Apr 07, 2018 Update:
Mustard is a starter CSS framework that actually looks good.
Jan 05, 2018 Update:
450 byte responsive CSS framework.
Nov 29, 2017 Update:
BackPack is a pure CSS framework which provides you a simple grid to work on your web projects. The best part about BackPack is the site looks just the same in all resolutions (except mobile) with the width fixed according to the screen (Thanks to the percentage based styling).
Nov 17, 2017 Update:
A really small (3kb) CSS framework.
Nov 05, 2017 Update:
A modern css framework.
Nov 02, 2017 Update:
A utility-first CSS framework for rapid UI development.
Oct 31, 2017 Update:
The Less Formal CSS Framework
Oct 18, 2017 Update:
One-Nexus is a toolkit for architecting and constructing modular front-end user-interfaces.
Sep 12, 2017 Update:
A colorful css framework.
Jun 11, 2017 Update:
turretcss – A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements
Feb 27, 2017 Update:
Propeller – Develop more, Code less. Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap.
Feb 04, 2017 Update:
Oct 26, 2016 Update:
Fukol™ is a lightweight, breakpoint free, completely responsive, element query driven*, progressive enhancement based CSS grid framework.
Aug 29, 2016 Update:
Mobi.css is a lightweight, flexible css library that focus on mobile.
July 18, 2016 Update:
Dead simple CSS framework.
June 25, 2016 Update:
Wing provides a base of styles, and you don’t even need to learn a gazillion class names, all of your elements will be styled automatically. Not to mention, that unlike Bootstrap or other popular Frameworks, Wing is only 4kb minified. Hope you enjoy!
June 10, 2016 Update:
Pavilion was created out of the need for a simple, unopinionated CSS framework, ready for the future. Pavilion is built for front-end web developers who tend to never use the hundreds of pre-made UI components most frameworks ship with. Built for front-end developers who lean towards creativity, exploration and creating UI components themselves from the ground up whilst depending on a solid foundation with future-proof capabilities.
May 23, 2016 Update:
A sassy, opinionated CSS Framework. A tiny alternative to Bootstrap.
May 19, 2016 Update:
Open Source Modular CSS Framework. Blaze is designed to give you structure and a good starting point for your website.
May 5, 2016 Update:
A Light HTML/CSS/JS Framework for fast Responsive Web Projects
April 12, 2016 Update:
Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.
yet another css framework
A lightweight responsive CSS framework based on flexible box ( flexbox )
A minimalist CSS framework.
A an SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.
Concise is a lightweight, front-end framework that provides a number of great features without the bloat. Concise is built based on Object-Oriented CSS principles and keeps semantics in mind to provide a small learning curve, and a high level of customization.