40+ HTML/CSS3 Front-end Frameworks For Faster Web/Mobile Development


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 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.

Nov 17, 2017 Update:

chota

A really small (3kb) CSS framework.

Live Demo

chota

Nov 05, 2017 Update:

Biomatic UI

A modern css framework.

Live Demo

Biomatic UI

Nov 02, 2017 Update:

tailwindcss

A utility-first CSS framework for rapid UI development.

Live Demo

tailwindcss

Oct 31, 2017 Update:

PaperCSS

The Less Formal CSS Framework

Live Demo

PaperCSS

Oct 18, 2017 Update:

One-Nexus

One-Nexus is a toolkit for architecting and constructing modular front-end user-interfaces.

One-Nexus

Sep 12, 2017 Update:

unnamed-css-framework

A colorful css framework.

Live Demo

unnamed-css-framework

Jun 11, 2017 Update:

turretcss

turretcss – A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements

Lie Demo

turretcss

Feb 27, 2017 Update:

Propeller Material Design

Live Demo

Propeller – Develop more, Code less. Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap.

Propeller Material Design

Feb 04, 2017 Update:

kernel.css

Live Demo

The kernel.css framework is a unintrusive, lightweight and semantic CSS and JavaScript framework inspired by the material design spec.

kernel.css

Oct 26, 2016 Update:

fukol-grids

Live Demo

Fukol™ is a lightweight, breakpoint free, completely responsive, element query driven*, progressive enhancement based CSS grid framework.

live-demo

Aug 29, 2016 Update:

mobi.css

Live Demo

Mobi.css is a lightweight, flexible css library that focus on mobile.

mobi.css

July 18, 2016 Update:

hack

Dead simple CSS framework.

Live Demo

hack

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!

Live Demo

Wing

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.

Live Demo

Pavilion

May 23, 2016 Update:

Cutestraps

A sassy, opinionated CSS Framework. A tiny alternative to Bootstrap.

Live Demo

Cutestraps

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.

Live Demo

blaze

May 5, 2016 Update:

alux

A Light HTML/CSS/JS Framework for fast Responsive Web Projects

Live Demo

alux

April 12, 2016 Update:

Spectre.css

Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development.

Live Demo

Spectre.css

05/03/2016 update:

stupid.css

yet another css framework

Live Demo

stupid.css

02/03/2016 update:

basis

A lightweight responsive CSS framework based on flexible box ( flexbox )

Live Demo

basis

31/12/2015 update:

milligram

A minimalist CSS framework.

Live Demo

milligram

05/11/2015 update:

scooter

A an SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.

Live Demo

scooter

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.

concise.css