awesome-css

W3c/csswg-drafts

Mirror of CSS WG Editor Draft repository

W3c/css-houdini-drafts

Mirror of Houdini WG Editor repository

CSSOM

CSS Object Model implemented in pure JavaScript

CSSTree

Detailed CSS parser with syntax validator

Gonzales PE

CSS parser with support for preprocessors

Mensch

A decent CSS parser

ParserLib

CSSLint/parser-lib

PostCSS

Transforming styles with JS plugins

Rework

Plugin framework for CSS preprocessing in Node.js

Stylecow

Modern CSS for all browsers

LESS

Backwards compatible with CSS, and the extra features it adds use existing CSS syntax

PostCSS

Transforming CSS with JS plugins

Sass

Mature, stable, and powerful professional-grade CSS extension language

STYLIS

Light-weight CSS preprocessor

Expressive, robust, feature-rich CSS language built for NodeJs

Generate static CSS using Typescript. Write type‑safe, locally scoped classes, variables and themes

Accessible CSS component primitives that also work with React, Vue 3, Svelte, and Angular

A complete Utility First CSS Framework for less than 50kb

The most popular HTML, CSS, and JS framework

A modern CSS framework based on Flexbox. Also has Sass import for modification

A Modern Lightweight Front End CSS framework for faster and easier web development

CSS data visualization framework

A responsive, customizable micro-framework (3kb) with helpful utilities and a grid system

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

advanced responsive front-end framework

A modest, grayish CSS library

A responsive front-end framework with a built-in dark mode

Hasser CSS

A lightweight (12k, not minified) but useful CSS framework with flexible Grid, Hero and more

Powerful, scalable, Sass-based, BEM, OOCSS framework

Material-components-web

Modular and customizable Material Design UI components for the web

A modern responsive front-end framework based on Material Design

A minimalist CSS framework

An HTML-based language and design system that lets you create responsive and accessible high-quality web interfaces with any look

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

Powerful framework that uses human-friendly HTML

Shorthand Framework

Feature rich CSS framework for the new decade

A lightweight, responsive and modern CSS framework

Strawberry

A set of common flexbox utilities focused on making your life easier and faster with nested flexboxes

Functional CSS for humans

CSS framework for dummies with zero skills in graphic design

Tailwindcss

A utility-first CSS framework for rapid UI development

A responsive framework based on CSS and some JS while following Material Design guidelines

A lightweight and modular front-end framework

Fluid grid for mobile, tablet, and desktop

A Minimal, Lightweight, Responsive framework

A simple and lightweight mixin library for Sass

CSS Checker

Find and Reduce Similar & Duplicated CSS Scripts

MiniReset.css

A tiny modern CSS reset

Normalize-OpenType

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

Normalize

A set of CSS rules that provide better cross-browser consistency in the default styling of HTML elements

CSS Tools: Reset CSS

Reseter.css

A Futuristic CSS Reset/Normalizer. That Redifines Instead Of Preserving

Sanitize.css

A set of CSS rules that style with today’s best practices out-of-the-box

Unstyle.css

Specialised stylesheet for removing user agent styles, style the web with your baseline

by

by Shaun Bent

by Steve Mynett

by

by Paul Davis

by

by

by

by

by

CSS Styleguide

by

Dropbox (S)CSS Style Guide

by Dropbox

by Google

Idiomatic CSS

by

by Bobby Grace

by

by Sass team

ThinkUp CSS Style Guide

by ThinkUp

by WorldPress

by Atlassian Design

by lonely planet

Fluent UI

by Microsoft

by Github

by Salesforce

by MailChimp

by BuzzFeed

by Starbucks

by Awesome people

Polyfill.js

A library to make creating CSS polyfills much easier

Prefixfree

Break free from CSS prefix hell

Fixed-sticky

A CSS position:sticky polyfill

Selectivizr

A JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8

PIE

Allows Internet Explorer to recognize and render various CSS3 box decoration properties

Curated collection of 93 beautiful CSS box-shadow. Click to copy

Browser support for CSS, HTML5 and other front-end web technologies

by cjcenizal

Generate CSS for glassmorphism

An advanced CSS gradient editor with layering, design tools and free cloud storage

Live editor for CSS and LESS

Magic CSS extension for Chrome, Firefox and Edge

RevengeCSS

A CSS bookmarklet that uses selectors to find bad markup, displaying ugly pink error messages in comic sans serif wherever you write bad HTML

Single Div Project

One . Many possibilities

CSS alternatives for common JS UI components

Xpath-to-selector

Convert xpath to css selector

Una Kravets and Adam Argyle,and development

Seeking out the best,and smartest creative people on digital art,and the accompanying blog,and UX

A live podcast with Chris Coyier and Dave Rupert about front-end web design,hosted by Anna Debenham and Brad Frost

A small batch series of interviews on style guides,art direction,brightest,content strategy,design,Developer Advocates from Google,development,gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index

A Tasty Treats Podcast for Web Developers.,typography,web technology

Topics like web publishing,is all about keeping you updated with the latest in Open Source Technology

The tagline for the Changelog says it all: “Open Source moves fast. Keep up.” This podcast,and more. It's everything web that matters

Conversations with world experts on changing technologies and future of the web

Advocate for users and open-source

Author of @Autoprefixer, and @PostCSS

Final year web technologies student. node.js, javascript, open source modules, client side optimisation, web performance

Web designer, speaker, writer, consultant, musician

Designer @CodePen. Writer @Real_CSS_Tricks

Designer at GitHub

Latest commits to @CSSWG’s public Mercurial repository

W3C CSS Working Group Co-chairman, entrepreneur, software engineer, geek, father of two, polyglot, duck lover. Nah. Tweets are strictly mine

Web developer, author of CSS: The Missing Manual, JavaScript & jQuery

Designer, developer, writer. Occasionally blogs at , and currently building @cssanimation

Web development writer, teacher, and speaker

Engineer at Google working on Chrome, web components, and Polymer

Web Designer. Professor at @multimedial_utn HTML5 & CSS Freak. Ocassional Translator

Front-end dev, Teacher @GA_London, Screencaster at , property snob, Foodie

Consultant Front-end Architect: @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT, more

Moderate consumer of rice. Also a UX designer, author, @smashingmag editor and programmer

Designer, Developer, Writer, Speaker. I make stuff on the web. I wrote SMACSS

Non-binary accessibility & diversity advocate, frontend developer, author

Mozilla developer, CSS and W3C standards diplomat

Research Assistant @MIT_CSAIL, @CSSWG IE, @OReillyMedia author, Ex @W3C staff

...aka Mary Lou @codrops ༶ CSS & HTML are my crayons ༶ Interested in Cognitive Science, AI, HCI, UI Design & Astrophysics ༶ Digital nomad

GitHub and Bootstrap. Formerly at Twitter. Huge nerd

Freelance front-end vigilante, UI/UX developer

Trans coder lady. Lead designer/developer of @SassCSS, working for @google on @dart_lang

Software Engineer at @twitter

GEEK

Lover of mountains, craft beers and discovering new food

Googler who noodles with code and design

Engineer at Google • Open Source Advocate • Developer • Designer • Writer

Web Developer, half of @grabaperch CMS, CSS Working Group Invited Expert

All about CSS sizing units

Author of the @Codrops CSS Reference & Co-author of the Smashing Book #5

Author of @responsiblerwd, now on sale from @abookapart

UI designer, CSS doodler

Loves love. Hates hate. Has a kick-ass family. Writes code. Leads stylesheet tech @LinkedIn

Front-end @IBMDesign. Sassvocate, community builder, & handcrafter. STEMinist :) Open source all the things

Web designer/developer specializing in CSS, RWD, UX, & accessibility

Web developer, Co-founder at Themesberg. I'm building Glass UI

Literally Jenn Schiffer's Mom

Una Kravets & Adam Argyle @ Chrome Dev Summit 2019

Pete Hunt @ CSS conf 2016

Jen Kramer @ CSS conf 2016

@ Google I/O 2016

Mark Otto @ jQuery UK

Caleb Meredith @ DevTips channel

Jonathan Snook @ Generate conf 2015

Visual Presentation for the Web

– Really Helpful in Advancing your Design Skills to a whole new Level

– Better Solutions to Everyday Web Design Problems

– Solving responsive layout problems using algorithmic design

– Improve the way you write CSS as you build 12 tiny projects

A curated collection of useful CSS snippets you can understand in 30 seconds or less

All selectors in CSS

Top Recommended Resources

– Interactive gamified tutorial for learning selection with CSS

Simple tutorial to learn CSS Grid from Mozilla

Free video course by Wes Bos to learn CSS Grids

Free CSS hands-on tutorial by LabEx

Using CSS Math for responsive design

Free video course by Wes Bos to learn flexbox

In-depth intro to OOCSS, BEM, SMACSS, with examples

Inspecting animations