60+ Best Free HTML/CSS3 Frameworks For 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 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:

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.

Live Demo

Responsive, Modern and Fully Customizable Pure CSS Framework – Punica

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.

Live Demo

Bootstrap 5 & Material Design 2.0 UI KIT

May 7, 2019 Update:

luda

A lightweight and responsive UI framework for modern web development.

Live Demo

luda

Apr 9, 2019 Update:

Water.css

A just-add-css collection of styles to make simple websites just a little nicer.

Live Demo

Water.css

Jan 30, 2019 Update:

terminal.css

Modern and minimalistic CSS framework for terminal enthusiasts.

Live Demo

terminal.css

Nov 20, 2018 Update:

NES.css

NES-style(8bit-like) CSS Framework.

Live Demo

NES.css

Sep 16, 2018 Update:

trashy.css

Trashy.css – The throwaway CSS library with no `class`.

Live Demo

trashy.css-min

Jun 10, 2018 Update:

baseguide

Lightweight and robust CSS framework for prototyping and production code.

Live Demo

baseguide

Apr 07, 2018 Update:

Mustard UI

Mustard is a starter CSS framework that actually looks good.

Live Demo

Mustard UI

Jan 05, 2018 Update:

lit

450 byte responsive CSS framework.

lit

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

Live Demo

BackPack

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

2 Comments

  1. Kabir Shah July 5, 2016
  2. Ismail Ghallou September 21, 2017

Leave a Reply