awesome-sass
github.com/famolus/awesome-sass βπ¨ Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me miscellaneous resources from awesome-sass"
Installation instructions βWhat's inside
Articles
Style Guides
- Airbnb Sass and CSS Style Guide
Sass and CSS style guide by Airbnb.
- BigCommerce Sass Coding Guidelines
Guidelines in use at BigCommerce.
- Dropbox (S)CSS Style Guide
Dropboxβs (S)CSS authoring style guide.
- Hugo Giraudel's Sass Guidelines
Guidelines for writing sane, maintainable and scalable Sass.
Libraries and Mixins
- Angled EdgesMiscellaneous
Sass mixin for creating angled edges on sections by dynamically encoding SVGs.
- Animate.scssAnimation
Port of Dan Eden's
- AvalancheGrid
Lightweight, responsive, Sass-based, BEM-syntax grid system.
- BourbonMiscellaneous
Simple and lightweight mixin library for Sass.
- brand-colorsColor
1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS.
- BreakpointMedia Queries
Breakpoint makes writing media queries in Sass super simple.
Frameworks
- avalanche
Framework for building the foundation for a package based CSS workflow.
- Bootstrap 4
Bootstrap version 4, the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
- Bootstrap-sass
Official Sass port of Bootstrap 2 and 3.
- Bulma
Modern CSS framework based on Flexbox.
- Cirrus
A component and utility centric SCSS framework designed for rapid prototyping.
- Foundation for Sites
The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
Getting Started
- Codecademy
Learn Sass with Codecademy.
- Lynda
Learn how to use Sass, from beginner basics to advanced techniques, with online video tutorials taught by industry experts.
- Official Sass and SCSS Guide
Official Sass and SCSS guide.
- Official Sass and SCSS Reference
Official Sass and SCSS Documentation Reference.
- SitePoint Sass and SCSS Reference
SitePoint Sass and SCSS reference.
- Tutorialzine
Learn SASS in 15 minutes tutorial.
Tools
- dart-sass
Dart implementation of Sass.
- diamond
Dependency management built for Sass, Less, and CSS.
- libsass
C/C++ implementation of a Sass compiler.
- libsass-python
Binding of libsass for Python.
- node-sass
Node.js bindings to libsass.
- node-sass-magic-importer
Custom node-sass importer for selector specific imports, node importing, module importing, globbing support and importing files only once.
Books
Showing a sample of 114 resources. View the full list on GitHub β