CSS Tools

Desktop & Mobile CSS Frameworks:

• Base
• Basscss
• Bulma
• Bootstrap 3 or Bootstrap 4
• Concise
• Foundation
• Material Design Lite (MDL)
• Metro UI
• Picnic
• Pure.css
• Semantic UI
• Skeleton
• Spectre.css
• tachyons

Mobile Only CSS Frameworks:

• Ratchet

CSS Reset:

A CSS Reset (or “Reset CSS”) is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline.

— cssreset.com

• Eric Meyer’s “Reset CSS” 2.0
• Normalize
• sanitize.css

Transpiling:

• pleeease.io
• PostCSS & cssnext
• rework & myth
• Sass/SCSS
• Stylus

References:

• CSS Cursors
• css3test.com
• css3clickchart.com
• cssreference.io
• CSS Indexes - A listing of every term defined by CSS specs
• css4-selectors.com
• css4 Rocks
• CSS TRIGGERS…A GAME OF LAYOUT, PAINT, AND COMPOSITE
• CSS Tricks Almanac
• cssvalues.com
• MDN CSS Reference

Linting/Hinting:

• CSS Lint
• stylelint

Code Formatter/Beautifier:

• CSScomb
• CSSfmt

Optimizer:

• clear-css
• cssnano
• CSSO

Online Creation/Generation/Experimentation Tools:

• CSS Arrow Please
• CSS Matic
• Enjoy CSS
• Flexbox Playground
• flexplorer
• patternify.com
• patternizer.com
• Ultimate CSS Gradient Generator

Architecting CSS:

• Atomic Design [read]
• BEM
• ITCSS
• OOCSS [read]
• SMACSS [read][$]
  • Scalable Modular Architecture for CSS (SMACSS) [watch][$]
• SUIT CSS
• rscss

Authoring/Architecting Conventions:

• CSS code guide [read]
• css-architecture [read]
• cssguidelin.es [read]
• Idiomatic CSS [read]
• MaintainableCSS [read]
• Standards for Developing Flexible, Durable, and Sustainable HTML and CSS [read]
• Airbnb CSS / Sass Styleguide [read]

Trending CSS Repositories on GitHub This Month:

https://github.com/trending?l=css&since=monthly