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 Sass

🎨 Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.

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. 5, 2020, 6:10 a.m.

Thank you Famolus & contributors
View Topic on GitHub:
Famolus/awesome-sass

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.

Getting Started

Learn how to use Sass, from beginner basics to advanced techniques, with online video tutorials taught by industry experts.

Sass vs SCSS

What’s the difference between Sass and SCSS?

What's the difference between SCSS and Sass?

Frameworks

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

145.51K
71.21K
3d
MIT

Official Sass port of Bootstrap 2 and 3.

12.76K
3.67K
1y 9m
MIT

Modern CSS framework based on Flexbox

41.94K
3.61K
20d
MIT

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.

28.86K
5.76K
66d
MIT

Framework for building the foundation for a package based CSS workflow.

Universal and lightweight stylesheet starter kit that focuses on base html elements and typography.

Open source Sass-based OOCSS framework built for scale.

Kickoff is a lightweight front-end framework for creating scalable, performant and responsive sites.

CSS framework based on material design.

Minimal, responsive, style-agnostic CSS framework.

SCSS framework & UI library for Dropbox web.

Micro SCSS library to help you build websites, without all the arbitrary selectors.

Grid

The most advanced, yet intuitive, grid system available for Sass or Stylus

3.03K
261
3y 92d
MIT

Responsive layout toolkit for Sass

3.94K
367
4m
BSD-3-Clause

Lightweight, responsive, Sass-based, BEM-syntax grid system.

Simple, fluid, nestable, flexible, Sass-based, responsive grid system.

Extremely flexable CSS grid constructor.

Flexbox grid system.

Lightweight semantic grid framework built with Sass.

Flexible and lightweight grid framework from the creator of animate.css.

Easy to use flexbox grid system.

Media Queries

Really simple media queries in Sass

2.08K
138
3y 12m
n/a

Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.

120
8
1y 8m
MIT

A Sass mixin that helps you compose media queries in an elegant way.

1.81K
128
9m
MIT

Collection of useful media queries mixins for Sass (including iOS devices, TVs and more).

Color

Color scheme for UI design.

4.13K
198
11m
MIT

Vanilla Sass helper functions

31
2
9m
MIT

Using standard color blending functions in SASS.

826
129
3y 96d
MIT

1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS.

Typography

Super easy to use Sass mixins to establish a typographic system with modular scale and vertical rhythm. Based on the Gridlover app.

225
12
1y 8m
MIT

A sass mixin to make responsive typography easy

866
44
2y 7m
MIT

Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.

Typography made easy. A vertical rhythm library.

Animation

Sass mixins based on Dan Eden's Animate.css

641
113
6m
MIT

A Sass mixin for creating hamburger icons.

661
59
4y 5m
n/a

Kf

Sass mixin library for creating keyframe-based animations from maps.

Set of SCSS mixins for single element loaders and spinners.

Miscellaneous

Quickly create angled section edges using only Sass

967
55
1y 11m
MIT

A flexible Sass mixin for creating BEM-style buttons.

77
6
4m
MIT

A CSS button library built using Sass and Compass

5.11K
899
3y 61d
n/a

Modular scale calculator built into your Sass

1.95K
133
1y 75d
MIT

This is the Sass version of Normalize.css, a collection of HTML element and attribute rulesets to normalize styles across all browsers.

1.43K
264
2y 10m
MIT

A pure CSS library to beautify checkbox and radio buttons.

1.6K
142
2y 17d
MIT

JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants

4.47K
662
3y 5m
MIT

Let Sass warn you about the pieces of your UI that are deprecated, providing a clear upgrade path for developers

264
6
3y 8m
BSD-3-Clause

Flexbox mixins

1.14K
248
2y 10m
MIT

The Sass implementation of lodash.

374
15
1y 9m
n/a

Sass utilities for the frontend laborer.

765
61
3y 6m
MIT

A simple and lightweight mixin library for Sass.

A SCSS library to help you build modular CSS that generates your selectors for you and deals with specificity automatically.

Set of 26 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way.

Collection of Sass mixins and functions.

Accoutrement modules are Sass toolkits that work together to form the central configuration of a project. The tools can be used individually, or integrated for extra power.

Style Guides

Sass coding guidelines for BigCommerce themes

272
25
3y 6m
n/a

A mostly reasonable approach to CSS and Sass.

5.52K
1.23K
2y 37d
MIT

Dropbox’s (S)CSS authoring style guide

735
59
4y 9m
n/a

Articles

Tools

The reference implementation of Sass, written in Dart.

1.95K
200
12d
MIT

A straightforward binding of libsass for Python. Compile Sass/SCSS in Python with no Ruby stack at all!

468
42
19d
MIT

A C/C++ implementation of a Sass compiler

4.18K
456
13d
n/a

Custom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.

271
25
59d
MIT

Node.js bindings to libsass

7.51K
1.15K
35d
MIT

OctoLinker — Links together, what belongs together

4.56K
289
5d
MIT

Extract structured variables from sass files

182
16
2y 9m
MIT

Compiles Sass to CSS

3.52K
367
24d
MIT

Ruby on Rails stylesheet engine for Sass

818
342
1y 85d
MIT

Configurable tool for writing clean, consistent SCSS

3.48K
498
4m
MIT

A portable cross-platform pinvoke .NET wrapper around libsass to convert SCSS to CSS

42
8
5m
BSD-2-Clause

Dependency management built for Sass, Less, and CSS.

Documentation system (like JSDoc for JavaScript) to build pretty and powerful docs in the blink of an eye.

Process your Sass and SCSS files into CSS without needing any knowledge of the command line.

A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets. Supports CSS-like syntaxes, including SCSS.

Books

Videos

Community