Front-end Framework is becoming a useful tool for faster and easier web/mobile front-end development. With the help of front-end frameworks, all of those who have less web/code development experiences can quickly create professional, beautiful, mobile-friendly, W3C validated and unique websites/Apps without having to write lots of HTML/CSS/Javascript codes.
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 60 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.
See also:
- 25+ Javascript/CSS Grid Layout Systems For Front-end Designer
- 30+ Free Dashboard / Admin Frameworks For Developers
Sep 16, 2020 Update:
Responsive, Modern and Fully Customizable Pure CSS Framework – Punica
A lightweight, responsive, modern, and fully customizable front-end framework written in pure CSS/SASS/SCSS.
Bootstrap 5 & Material Design 2.0 UI KIT
A pure JavaScript/CSS UI Kit to help you quickly build a Material Design web applications using Bootstrap 5 and 500+ built-in UI components.
May 7, 2019 Update:
luda
A lightweight and responsive UI framework for modern web development.
Apr 9, 2019 Update:
Water.css
A just-add-css collection of styles to make simple websites just a little nicer.
Jan 30, 2019 Update:
terminal.css
Modern and minimalistic CSS framework for terminal enthusiasts.
Nov 20, 2018 Update:
NES.css
NES-style(8bit-like) CSS Framework.
Sep 16, 2018 Update:
trashy.css
Trashy.css – The throwaway CSS library with no `class`.
Jun 10, 2018 Update:
baseguide
Lightweight and robust CSS framework for prototyping and production code.
Apr 07, 2018 Update:
Mustard UI
Mustard is a starter CSS framework that actually looks good.
Jan 05, 2018 Update:
lit
450 byte responsive CSS framework.
Nov 29, 2017 Update:
BackPack
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:
chota
A really small (3kb) CSS framework.
Nov 05, 2017 Update:
Biomatic UI
A modern css framework.
Nov 02, 2017 Update:
tailwindcss
A utility-first CSS framework for rapid UI development.
Oct 31, 2017 Update:
PaperCSS
The Less Formal CSS Framework
Oct 18, 2017 Update:
One-Nexus
One-Nexus is a toolkit for architecting and constructing modular front-end user-interfaces.
Sep 12, 2017 Update:
unnamed-css-framework
A colorful css framework.
Jun 11, 2017 Update:
turretcss
turretcss – A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements
Feb 27, 2017 Update:
Propeller Material Design
Propeller – Develop more, Code less. Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap.
Feb 04, 2017 Update:
kernel.css
The kernel.css framework is a unintrusive, lightweight and semantic CSS and JavaScript framework inspired by the material design spec.
Oct 26, 2016 Update:
fukol-grids
Fukol™ is a lightweight, breakpoint free, completely responsive, element query driven*, progressive enhancement based CSS grid framework.
Aug 29, 2016 Update:
mobi.css
Mobi.css is a lightweight, flexible css library that focus on mobile.
July 18, 2016 Update:
hack
Dead simple CSS framework.
June 25, 2016 Update:
Wing
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
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:
Cutestraps
A sassy, opinionated CSS Framework. A tiny alternative to Bootstrap.
May 19, 2016 Update:
blaze
Open Source Modular CSS Framework. Blaze is designed to give you structure and a good starting point for your website.
May 5, 2016 Update:
alux
A Light HTML/CSS/JS Framework for fast Responsive Web Projects
April 12, 2016 Update:
Spectre.css
Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.
05/03/2016 update:
stupid.css
yet another css framework
02/03/2016 update:
basis
A lightweight responsive CSS framework based on flexible box ( flexbox )
31/12/2015 update:
milligram
A minimalist CSS framework.
05/11/2015 update:
scooter
A an SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.
22/10/2015 update:
concise.css
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.
Thank you so much for featuring Wing! I made it and it is an honor to be featured on this. I never thought my project would go so far 🙂
Thank you for featuring Unnamed !