explaingit

troxler/awesome-css-frameworks

★ 9,332CSSAudience · developerComplexity · 1/5Setup · easy

TLDR

A curated, community-maintained list of CSS frameworks organized by category, from tiny browser resets and utility classes to full design systems like Bootstrap, Bulma, and Material Design.

Mindmap

mindmap
  root((awesome-css-frameworks))
    Categories
      Base and reset
      Class-less
      Lightweight
      General purpose
    Popular Options
      Bootstrap
      Bulma
      Foundation
    Features
      Live star counts
      Community curated
    Audience
      Web developers
      Designers
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Browse and compare CSS frameworks by category to pick the right one for your next web project

USE CASE 2

Find a lightweight framework under 10KB to keep page load times fast for a simple site

USE CASE 3

Discover class-less CSS frameworks that style plain HTML automatically without adding class names to every element

USE CASE 4

Identify which frameworks are still actively maintained versus stalled

Tech stack

CSS

Getting it running

Difficulty · easy Time to first run · 5min

In plain English

This repository is a curated list of CSS frameworks, organized into categories and kept current by community contributions. CSS frameworks are pre-written stylesheets that give web developers a starting point for making websites look polished without writing every visual rule from scratch. Instead of building layouts, buttons, and spacing systems by hand, a developer drops a framework into their project and gets a consistent visual foundation right away. The list groups frameworks into several categories. Base, Reset, and Normalize frameworks iron out the visual differences that browsers apply to HTML elements by default, so a page looks consistent across Chrome, Firefox, Safari, and others. Class-less frameworks style plain HTML automatically without requiring developers to add special labels to every element. The Very Lightweight section covers tools under roughly 10 kilobytes, which keeps page load times fast. General Purpose includes widely-used options like Bootstrap, Bulma, and Foundation. There are also sections for Material Design (Google's visual language for the web), utility-based frameworks that provide small composable building blocks, specialized frameworks for specific use cases, and a Stalled Development section for projects that are no longer actively maintained. Each entry links to the project's repository, demos, and documentation where available, and shows a live star count from GitHub so readers can gauge how widely each framework is used. The list itself accepts community contributions through a documented process in the repository. The README also points to a separate resource covering React, Vue, and Angular component libraries, noting that this list focuses on CSS-only frameworks rather than JavaScript component systems. That distinction helps developers quickly find the right type of tool for their situation.

Copy-paste prompts

Prompt 1
I'm building a simple marketing landing page and want a CSS framework under 10KB. Which options from awesome-css-frameworks fit best?
Prompt 2
Compare Bootstrap, Bulma, and Foundation for building a responsive admin dashboard, pros, cons, and which suits a small team.
Prompt 3
I want to style an HTML page without adding CSS class names everywhere. Which class-less frameworks from this list are worth trying?
Prompt 4
I'm using React and want a utility-first CSS framework. Which options in awesome-css-frameworks work well with component-based apps?
Open on GitHub → Explain another repo

← troxler on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.