User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome CSS

A curated contents of amazing CSS :)

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Dec. 4, 2021, 11:11 a.m.

Thank you awesome-css-group & contributors
View Topic on GitHub:
awesome-css-group/awesome-css

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Complementary Resources

Editor's Draft :black_nib:

CSS Working Group Editor Drafts

3.25K
491
10d
n/a

Mirror of https://hg.css-houdini.org/drafts

1.76K
154
52d
n/a

Parsers :mag:

Unmaintained! ⚠️ CSS Object Model implemented in pure JavaScript. Also, a CSS parser.

711
88
5m
MIT

A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations

1.25K
68
24d
MIT

CSS parser with support of preprocessors

307
64
1y 8m
MIT

A decent CSS parser.

105
11
7m
n/a

Collection of parsers written in JavaScript

276
83
2y 4m
n/a

Transforming styles with JS plugins

25.53K
1.43K
2d
MIT

Plugin framework for CSS preprocessing in Node.js

2.77K
140
6y 10m
n/a

Modern CSS to all browsers

149
6
1y 9m
MIT

Preprocessors :pill:

Less. The dynamic stylesheet language.

16.69K
3.46K
23d
Apache-2.0

Transforming styles with JS plugins

25.53K
1.43K
2d
MIT

Sass makes CSS fun!

13.58K
1.98K
38d
n/a

light – weight css preprocessor

1.34K
74
39d
MIT

Frameworks :art:

Toolkits :wrench:

CSS Structure

Reasonable System for CSS Stylesheet Structure

3.82K
175
87d
n/a

Reset and Normalize

Reseter.css - A Futuristic Alternative To Normalize.css And CSS Resets

905
59
68d
MIT

A modern alternative to CSS resets

45.99K
10.4K
3y 30d
MIT

Adds OpenType features—ligatures, kerning, and more—to Normalize.css.

800
31
4y 95d
MIT

A tiny modern CSS reset

2.42K
486
10m
MIT

A best-practices CSS foundation

4.66K
313
80d
CC0-1.0

Unstyle CSS - Forget inconsistencies, let us start with a blank slate.

21
8
1y 6m
MIT

CSS Development at Large-Scale Websites

Code Style Guidelines :book:

Principles of writing consistent, idiomatic CSS.

6.33K
637
6y 10m
n/a

Opinionated CSS styleguide for scalable applications

399
19
5y 7m
MIT

ThinkUp gives you insights into your social networking activity on Twitter, Facebook, Instagram, and beyond.

3.32K
705
5y 5m
GPL-3.0

Style Guide

Style Guide Generators :slot_machine:

A markdown based documentation system for style guides.

2.17K
205
3y 9m
n/a

Easily create and maintain style guides using CSS comments

679
26
5y 20d
n/a

[ON HOLD] Living Style Guides Engine and Maintenance Environment for Front-end Components. Core repository.

555
52
3y 4m
MIT
4
0
9y 10m
n/a

Automatically generate a style guide from your stylesheets.

1.07K
122
7y 8m
MIT

Markdown-based styleguide generator

676
65
6y 5m
n/a

Styleguide generator is a handy little tool that helps you generate good looking styleguides from stylesheets using KSS notation

1.27K
177
2y 56d
MIT

Naming conventions & Methodologies :bulb:

CSS in JS

Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

5.25K
213
11m
n/a

A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the className prop of React elements. While transforming, the plugin processes all JavaScript style definitions found and bundles them up into a CSS file, ready to be requested from your web server.

302
10
4y 101d
MIT

React styling. Plain and simple.

22
2
4y 4m
MIT

Modular, scoped CSS with ES6

580
31
4y 9m
MIT

CSS Loader

4.06K
589
31d
MIT

JSS is an authoring tool for CSS which uses JavaScript as a host language.

6.56K
404
22d
MIT

styled component for react & style-loader/usable

35
5
6y 6m
MIT

Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

1.67K
116
7m
MIT

Full CSS support for JSX without compromises

6.72K
285
24d
MIT

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

35.37K
2.19K
46d
MIT

A built-time CSS library for styling React components.

157
3
5m
MIT

CSS Polyfills

A library to make creating CSS polyfills much easier.

294
71
4y 11m
MIT

Break free from CSS prefix hell!

3.83K
746
1y 80d
MIT

DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.

1.49K
166
4y 5m
MIT

selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8.

1.73K
263
9y 10d
n/a

A behavior for Internet Explorer allowing it to recognize and render various CSS3 box decoration properties

2.83K
242
4y 119d
n/a

Miscellaneous

☝️One <div>. Many possibilities.

1.59K
111
3y 104d
MIT

Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)

154
32
43d
MIT

A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.

694
55
1y 5m
n/a

convert xpath to css selector

2
0
47d
MIT

Podcasts :radio:

Twitter :satellite:

Videos :tv:

A useful list of must-watch talks about CSS

3.96K
233
11m
CC0-1.0

2019

2016

2015

Books :books:

Tutorials :clapper: