be web

web design and web development

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
css frameworks

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

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

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 is a minimalist CSS framework.


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

Ant Design

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


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

Avalanche Framework

A package based CSS framework.


Base – A Rock Solid, Responsive CSS Framework.


A well structured top down base css framework.


Based is a barebones CSS framework for prototype or production.


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


A very limited css framework.


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

Bask CSS

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


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


A small (less than 2 KiB) CSS framework.

Blaze UI

Blaze is a framework-free open source UI toolkit.


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


A full featured and beautiful CSS framework.

Boba CSS

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


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


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


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


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


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.


Modern CSS framework distilled from the best of larger frameworks.

Bulma CSS

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

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


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

Cascade Framework

The framework gives you comparable development tooling.

Cascade Framework Light

A CSS micro-framework based on Cascade Framework.


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


A micro (~3kb) CSS framework.


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

Clarity Design System

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 is an open-source CSS Authoring Framework.


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


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


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


A design system and functional CSS framework.

Feather CSS

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


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

Foundation CSS

A Framework for any device, medium, and accessibility.


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


A forward-thinking, CSS micro-framework.


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


CSS micro framework.


A CSS grid framework using Flexbox.


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

Gumby CSS Framework

A Flexible, Responsive CSS Framework – Powered by Sass.


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


Herocss is a lightweight, responsive css framework.


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

Ice Framework

A basic development framework designed for light-weight use.


Create responsive web interfaces quick and efficiently.

Kathamo CSS Framework

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


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


KNACSS is a CSS micro-framework.

Kube Web Framework

As a complete and self-sufficient web framework.

Layers CSS

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

Less Framework

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

Locaweb Style

Locawebstyle – A framework with standards for developing web interfaces.

Luxa CSS

Luxa CSS quickly design, build and ship!.

Material CSS

A lightweight framework based on Google’s Material Design.

Material Framework

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

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


Light weight front-end framework.


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 is a simple, dark-colored, responsive boilerplate to kickstart any responsive project.

Metro UI CSS

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

Miligram CSS

A minimalist CSS framework.


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


Minimal, responsive, style-agnostic CSS framework.


A minimalist, themable CSS framework.

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


A lightweight, scalable, mobile-first css framework.


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


Simple CSS Framework for JP.

Orion Framework

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


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


The Less Formal Css Framework.


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


A modern, light CSS UI framework developed at Shakr.

Picnic CSS

Picnic CSS Lightweight and beautiful library.

Pico CSS

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


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

Primer CSS

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


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

Pure CSS

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


Lightweight, more intuitive and useful responsive CSS framework.


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

Schema UI Framework

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 is a lightweight and mobile-first responsive framework designed to give you the freedom and flexibility you need to create your website.

Semantic UI

Semantic UI User Interface is the language of the web.

Skeleton CSS

A dead simple, responsive boilerplate.

Sky UX

Create a seamless user interface.

SkyBlue CSS Framework

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

Smart CSS Grid

Minimal Responsive Grid System.


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


Spacebase Is A Sass-based Responsive Css Framework.


A Lightweight, Responsive and Modern CSS Framework.


A bootstrap inspired CSS framework written in Stylus.


A Material Design CSS only framework.


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


Free And Open Source Responsive Modern CSS Framework.


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

Tacit CSS Framework

Tacit is a CSS framework for dummies.

Tailwind CSS

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

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


A powerful CSS framework boilerplate and Bootstrap 4 themes builder.


Simple (but powerful) RWD Framework.


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


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


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

Unsemantic CSS Framework

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


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

Vanilla Framework

A simple, extensible CSS framework.


A minimally invasive CSS framework for modern web applications.

Web Grid

Grid CSS based Grid Framework!.


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

Windi CSS

Next generation utility-first CSS framework.

Wing CSS

A beautiful CSS framework designed for minimalists.


Minimal wireframing css-framework.

YAML CSS Framework

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


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

be web