css frameworks

A list of 124 top CSS frameworks for web development

  1. Home
  2. /
  3. Websites
  4. /
  5. Best resources for web developers
  6. /
  7. A list of 124 top CSS frameworks for web development

If you’re looking for alternatives for CSS frameworks, here are a few. These css frameworks for web development are great options to create amazing websites and web applications.

960 Grid System

https://960.gs/

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.

Aione Framework

https://aioneframework.com/

Aione Framework is ALL-IN-ONE CSS Framework make responsive websites, web applications and mobile applications using 100 column grid system.The only frontend framework to make Progressive Web Applications.

Amazium

https://www.amazium.co.uk/

Amazium is a minimalist CSS framework.

Animadio

https://animadio.org/

Animadio CSS Framework Website & Documentation – Grid & Flexbox Layouts – CSS Variables Usage – Reusable & Customizable Elements – Perform Complex.

Ant Design

https://ant.design/

A design system for enterprise-level products. Create an efficient and enjoyable work experience.

Assembly.css

https://www.mapbox.com/assembly/

Assembly is an atomic CSS framework with great default form element styles.

Avalanche Framework

https://avalanche.oberlehner.net/

A package based CSS framework.

Base

https://getbase.org/

Base – A Rock Solid, Responsive CSS Framework.

Base-L

https://github.com/hanakin/base-l

A well structured top down base css framework.

Based.css

https://github.com/bitmap/based.css

Based is a barebones CSS framework for prototype or production.

Baseguide

https://basegui.de/

Baseguide is a lightweight and robust CSS framework for prototyping and production code.

Baseui

https://github.com/doingwebthings/baseui

A very limited css framework.

Basis

https://sass-basis.github.io/

A lightweight responsive Sass/CSS framework based on flexible box.

Bask CSS

https://github.com/andreamorosi/bask

Bask is a responsive CSS boilerplate built in SASS, with a focus on consistency and utility classes.

Beard

http://buildwithbeard.com/

Beard’s most popular and polarizing feature is its helper classes.

Bijou

https://andhart.github.io/bijou/

A small (less than 2 KiB) CSS framework.

Blaze UI

https://github.com/BlazeSoftware/atoms

Blaze is a framework-free open source UI toolkit.

Blueprint

http://www.blueprintcss.org/

Blueprint is a CSS framework, which aims to cut down on your development time.

BlueTrip

http://cssframeworks.org/details/blue-trip/

A full featured and beautiful CSS framework.

Boba CSS

https://www.buildwithboba.com/

Boba was born out of a frustration with other CSS design frameworks and seeks to create a balance between both minimalism and completeness.

Bobrilstrap

https://bobrilstrap.com/

Build awesome responsive mobile-first applications based on framework Bobril and its wrapper for Bootstrap.

Bodoke

https://github.com/dmmarmol/bodokecss

Bodoke is a CSS/SCSS Front-end Framework created for supporting multiple grids in a single project.

Bootplus

https://aozora.github.io/bootplus/

Sleek, intuitive, and powerful Google styled front-end framework for faster and easier web development.

Bootsnipp

https://bootsnipp.com/

Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft.

Bootstrap

https://getbootstrap.com/

Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.

Buldy

https://github.com/johannschopplich/buldy

Modern CSS framework distilled from the best of larger frameworks.

Bulma CSS

https://bulma.io/

Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

Butter Cake

https://getbuttercake.com/

Butter Cake is a free, open source modular responsive front-end CSS framework based on Flexbox.

Cardinal

http://cardinalcss.com/

Cardinal is a modular, “mobile-first” CSS framework built with performance and scalability in mind.

Cascade Framework

http://cascade-framework.com/

The framework gives you comparable development tooling.

Cascade Framework Light

https://jslegers.github.io/cascadeframeworklight/

A CSS micro-framework based on Cascade Framework.

Centurion

https://www.centurionframework.com/

Centurion was build with only a responsive grid, so at its core Centurion is built to be responsive.

Chota

https://jenil.github.io/chota/

A micro (~3kb) CSS framework.

Cirrus

https://spiderpig86.github.io/Cirrus/

A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure.

Clarity Design System

https://clarity.design/

Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are.

Compass

http://compass-style.org/

Compass is an open-source CSS Authoring Framework.

Concise

https://concisecss.com/

Concise is a lightweight front-end framework that provides a number of great features without the bloat.

Cutestrap

https://www.cutestrap.com/

A strong, independent CSS Framework. Only 2.7KB minified & gzipped.

ember-cli-materialize

https://mikeworks-ui.herokuapp.com/oss/ember-cli-materialize

A CSS Framework based on Material Design made simple, for Ember.js apps.

Evolution

https://github.com/labelle/evolution

A design system and functional CSS framework.

Feather CSS

https://github.com/kbrvoid/Feather

Feather is a minimal CSS framework and JavaScript Library to make websites that are as light as a feather.

Formare

https://github.com/dkk94/formare

Formare is a modern, component based CSS framework that helps you build web interfaces hassle-free.

Foundation CSS

https://get.foundation/

A Framework for any device, medium, and accessibility.

Framy

http://www.framycss.org/

Framy is a collection of basic components, you will need in every web project to develop responsive & modern interfaces and websites.

Furtive

https://www.furtive.co/

A forward-thinking, CSS micro-framework.

fusionCSS

https://fusioncss.com/

Designed to be simple and minimalist so that you don’t have to spend time overriding a lot of default styling.

Granum

https://github.com/vvvkor/granum

CSS micro framework.

GRD

https://1000ch.github.io/grd/

A CSS grid framework using Flexbox.

Grid

https://github.com/Machy8/Grid

Intuitive, easy to use, mobile first CSS framework based on Flexbox.

Gumby CSS Framework

https://github.com/GumbyFramework/Gumby

A Flexible, Responsive CSS Framework – Powered by Sass.

Han.css

https://github.com/ethantw/Han

Han.css: the CSS typography framework optimised for Hanzi.

Herocss

https://github.com/ajb32x/hero

Herocss is a lightweight, responsive css framework.

HiQ

https://jonathanharrell.github.io/hiq/

Jump-start your styling with a lightweight, easily customizable framework that is built with CSS custom properties and modern best practices.

Ice Framework

https://github.com/mookman288/Ice-Framework

A basic development framework designed for light-weight use.

Ink

http://ink.sapo.pt/

Create responsive web interfaces quick and efficiently.

Kathamo CSS Framework

https://kathamo.github.io/

Kathamo is a Minimalist CSS Framework for Rapid & Mobile-Friendly Development.

Kickoff

http://trykickoff.com/index.html

The lightweight front-end framework for creating scalable, performant and responsive sites.

KNACSS

https://www.knacss.com/

KNACSS is a CSS micro-framework.

Kube Web Framework

https://kube7.imperavi.com/

As a complete and self-sufficient web framework.

Layers CSS

http://labs.jerryjappinen.com/layers/

Layers CSS is a CSS framework aimed for practical use cases.

Less Framework

http://lessframework.com/

Less Framework is a CSS grid system for designing adaptive web­sites.

Locaweb Style

https://github.com/locaweb/locawebstyle

Locawebstyle – A framework with standards for developing web interfaces.

Luxa CSS

https://luxacss.com/

Luxa CSS quickly design, build and ship!.

Material CSS

https://kearlsaint.github.io/material-css/

A lightweight framework based on Google’s Material Design.

Material Framework

https://nt1m.github.io/material-framework/#introduction

Material Framework is a simple responsive CSS framework made by Tim Nguyen that allows you to integrate Material Design in any web page or web app.

Materialize CSS

https://materializecss.com/

A modern responsive front-end framework based on Material Design.

Materialrc

https://github.com/shubhendrapatel/materialarc

Light weight front-end framework.

Materialstrap

https://greenpencil.github.io/Materialstrap/

Materialstrap is a HTML and CSS framework written from scratch built on the principles of Bootstrap but with the modern and sleek Material Design style.

Meshki

https://borderliner.github.io/Meshki/

Meshki is a simple, dark-colored, responsive boilerplate to kickstart any responsive project.

Metro UI CSS

https://metroui.org.ua/

Metro 4 is a free open-source impressive components library built on html, css, javascript.

Miligram CSS

https://milligram.io/

A minimalist CSS framework.

Min CSS

http://mincss.com/

Min also styles your page using hundreds of times fewer properties vs. other CSS frameworks. This makes it easy to customize your page to look novel, avoiding the bootstrapization trend that makes your page look exactly like the rest. .

mini.css

https://minicss.org/

Minimal, responsive, style-agnostic CSS framework.

Minithematiq

https://moarwick.github.io/minithematiq/

A minimalist, themable CSS framework.

minstyle.io

https://minstyle.io/

Simple & light open source CSS framework, including dark theme.

Mobi.css

https://getmobicss.com/

A lightweight, scalable, mobile-first css framework.

MUI

https://www.muicss.com/

MUI is a lightweight CSS framework that follows Google’s Material Design guidelines.

MUSUBii

https://github.com/qrac/musubii

Simple CSS Framework for JP.

Orion Framework

https://github.com/WebDevLuke/OrionBP

OrionBP is a simple front-end boilerplate for projects using OrionCSS and OrionJS.

Oruga

https://oruga.io/

Oruga UI is like a caterpillar, minimal and yet functional. It’s in your hands turning it into a butterfly.

PaperCSS

https://www.getpapercss.com/

The Less Formal Css Framework.

Passionfruit

https://github.com/rolandixor/passionfruit

A very simple CSS suite to simplify the lives of web designers. Less typing, more drinking juice.

Petal

https://shakrmedia.github.io/petal/

A modern, light CSS UI framework developed at Shakr.

Picnic CSS

https://picnicss.com/

Picnic CSS Lightweight and beautiful library.

Pico CSS

https://picocss.com/

Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.

Plasma.css

https://github.com/betsydupuis/plasma.css

A robust, yet minimalist CSS grid framework based on Flexbox.

Primer CSS

https://primer.style/css/

Primer CSS is built upon systems that form the foundation of our styles such as spacing, typography, and color.

Punica

https://github.com/codeforms/Punica-CSS-Framework

Punica CSS is a clean, lightweight, responsive, modern and fully customizable.

Pure CSS

https://purecss.io/

A set of small, responsive CSS modules that you can use in every web project.

Responsee

https://www.myresponsee.com/

Lightweight, more intuitive and useful responsive CSS framework.

Responsive

https://responsivebp.com/

A powerful, accessible, developer friendly framework for building responsive websites.

Schema UI Framework

https://danmalarkey.github.io/schema/

A modular, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box.

Sculpt

https://www.heartinternet.uk/blog/introducing-sculpt/

Sculpt is a lightweight and mobile-first responsive framework designed to give you the freedom and flexibility you need to create your website.

Semantic UI

https://semantic-ui.com/

Semantic UI User Interface is the language of the web.

Skeleton CSS

http://getskeleton.com/

A dead simple, responsive boilerplate.

Sky UX

http://skyux.developer.blackbaud.com/

Create a seamless user interface.

SkyBlue CSS Framework

http://muffinman.io/skyblue/

SkyBlue is a minimal framework that is meant to be starting point for my projects.

Smart CSS Grid

https://vladocar.github.io/SMART-CSS-GRID/

Minimal Responsive Grid System.

SMaterial

https://github.com/SuperDJ/smaterial

A CSS framework that follows the Material Design guidelines as close as possible.

SpaceBase

https://spacebase.space150.com/

Spacebase Is A Sass-based Responsive Css Framework.

Spectre

https://picturepan2.github.io/spectre/

A Lightweight, Responsive and Modern CSS Framework.

Stylistic

https://github.com/Stylistic/Stylistic

A bootstrap inspired CSS framework written in Stylus.

Surface

https://mildrenben.github.io/surface/

A Material Design CSS only framework.

Susy

https://www.oddbird.net/susy/

Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates.

SysaCSS

https://github.com/shoaiyb/css

Free And Open Source Responsive Modern CSS Framework.

Tachyons

https://tachyons.io/

Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

Tacit CSS Framework

https://yegor256.github.io/tacit/

Tacit is a CSS framework for dummies.

Tailwind CSS

https://tailwindcss.com/

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

Techno Art

https://technoartcss.com/

All in one CSS framework for developing clean, professional & responsive web app.

Themeblr

https://websemantics.github.io/themeblr/

A powerful CSS framework boilerplate and Bootstrap 4 themes builder.

TukTuk

https://github.com/soyjavi/tuktuk

Simple (but powerful) RWD Framework.

Turretcss

https://turretcss.com/

Developed for design, turretcss is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites.

UIKit

https://getuikit.com/

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Unnamed

https://unnamed.smakosh.com/

A colorful css framework made by a human not an Ai.

Unsemantic CSS Framework

https://unsemantic.com/

Unsemantic is a fluid grid system that is the successor to the 960 Grid System. .

USkin

https://github.com/soniaxu7/uskin

A front-end framework aims at developing web projects based on CSS3 and provides common components.

Vanilla Framework

https://vanillaframework.io/

A simple, extensible CSS framework.

Vital

https://vitalcss.com/

A minimally invasive CSS framework for modern web applications.

Web Grid

https://web-grid.webjeda.com/

Grid CSS based Grid Framework!.

Wee

https://www.weepower.com/

Wee is organized in a simple, scalable hierarchy with a consistent structure for both script and style.

Windi CSS

https://windicss.org/

Next generation utility-first CSS framework.

Wing CSS

https://kbrsh.github.io/wing/

A beautiful CSS framework designed for minimalists.

Wireframe

https://github.com/agauniyal/wireframe

Minimal wireframing css-framework.

YAML CSS Framework

http://www.yaml.de/

A modular CSS framework for truly flexible, accessible and responsive websites.

Yo

https://github.com/doyoe/Yo

Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework.

BEWEB