Skip to main content

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

1.9k
GitHub Stars
114
Curated Resources
10
Categories
1 hour ago
Last Refreshed
Getting StartedSass vs SCSSFrameworksLibraries and MixinsStyle GuidesArticlesToolsBooksVideosCommunity

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

Style Guides

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

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.

Showing a sample of 114 resources. View the full list on GitHub β†’