Awesome CSS Frameworks: Curated CSS framework collection
Categorized catalog of CSS frameworks with GitHub metrics.
Learn more about Awesome CSS Frameworks
Awesome CSS Frameworks is a curated repository that catalogs and organizes CSS frameworks with associated GitHub metrics for comparison and discovery. The collection employs a categorized taxonomy to group frameworks by characteristics such as general-purpose versus specialized, component libraries, utility-first approaches, and lightweight alternatives. Each entry includes GitHub statistics like star counts and activity metrics to provide quantitative indicators of community adoption and project maintenance. The repository serves as a centralized index for developers evaluating CSS framework options, aggregating metadata that would otherwise require manual research across multiple sources.
Taxonomy by Architecture
Frameworks organized by implementation philosophy and size constraints rather than popularity metrics. Enables rapid filtering by project requirements like class-less design, minimal footprint, or utility-first approach.
Comprehensive Framework Metadata
Each entry includes implementation language tags (CSS, SCSS, Sass), direct links to demos and documentation, and GitHub activity metrics. Provides complete technical context for evaluation without visiting multiple sources.
Explicit Scope Boundaries
CSS frameworks explicitly separated from React/Vue/Angular component libraries. Prevents confusion between styling solutions and framework-specific UI components when selecting tooling.
import axios from 'axios';
const response = await axios.get(
'https://api.github.com/repos/troxler/awesome-css-frameworks'
);
const stars = response.data.stargazers_count;
const frameworks = response.data.description;
console.log(`${stars} stars - ${frameworks}`);Top in Frontend
Related Repositories
Discover similar tools and frameworks used by developers
TanStack Table
Framework-agnostic headless table library for building datagrids.
React
Component-based library using virtual DOM for efficient UI rendering.
HTML5 QR Code
Camera and file-based QR/barcode scanning library.
Angular Components
Material Design components and utilities for Angular applications.
React Use
Pre-built hooks wrapping browser APIs and common patterns.
Related Reading
Guides and comparisons from the Greptile content library
27 Code Quality Tools that Catch Bugs [2026 Review]
The best code quality tools that catch bugs, security vulnerabilities, and runtime errors, sorted by language, with type, noise level, cost, and who each one is for.
How to Evaluate Code Review Tools: The 4 Step Framework
A 4-step framework for evaluating code review tools on large teams with complex codebases: define what you need, build a shortlist, run a live test, and get developer feedback. Plus a shortlist of tools and how to future-proof your review process.
What is Shift Left Testing? Everything Engineering Leaders Need to Know
The five types of shift-left testing, the benefits and limitations of each, and how the approach changes when agents write and review a growing share of your code.
What Is Code Review? (And How to Keep It From Becoming the Bottleneck)
What code review is, how traditional, automated, and AI code review differ, and why review is now the bottleneck as AI writes more code. Plus how to pick a code review tool that catches real bugs.