Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-sass

🎨 Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.
https://github.com/Famolus/awesome-sass

Last synced: 3 days ago
JSON representation

About
- Sass - compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.
Getting Started
- Official Sass and SCSS Guide - Official Sass and SCSS guide.
- Tutorialzine - Learn SASS in 15 minutes tutorial.
- 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 Reference - Official Sass and SCSS Documentation Reference.
- SitePoint Sass and SCSS Reference - SitePoint Sass and SCSS reference.
Sass vs SCSS
- SitePoint - What’s the difference between Sass and SCSS?
- The Sass Way - Which syntax is better?
- Stack Overflow - What's the difference between SCSS and Sass?
Frameworks
- avalanche - Framework for building the foundation for a package based CSS workflow.
- 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.
- iotaCSS - Open source Sass-based OOCSS framework built for scale.
- Kickoff - Kickoff is a lightweight front-end framework for creating scalable, performant and responsive sites.
- Materialize - Modern responsive front-end framework based on Material Design.
- Sierra - Micro SCSS library to help you build websites, without all the arbitrary selectors.
- Hocus-Pocus - Universal and lightweight stylesheet starter kit that focuses on base html elements and typography.
Libraries and Mixins
- Grid
  - Avalanche - Lightweight, responsive, Sass-based, BEM-syntax grid system.
  - csswizardry-grids - Simple, fluid, nestable, flexible, Sass-based, responsive grid system.
  - Gridlex - Flexbox grid system.
  - Neat - Lightweight semantic grid framework built with Sass.
  - Sass Flexible Grid System - Sass flexible grid system.
  - SCSS Flexible Grid System - SCSS flexible grid system.
  - Sass Flexible Grid System - Sass flexible grid system.
  - SCSS Flexible Grid System - SCSS flexible grid system.
- Color
  - brand-colors - 1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS.
  - brand-colors - 1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS.
  - brand-colors - 1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS.
- Typography
  - Sassline - Set text on the web to a baseline grid with Sass & rems using a responsive modular-scale.
- Animation
  - Kf - Sass mixin library for creating keyframe-based animations from maps.
- Miscellaneous
  - Bourbon - Simple and lightweight mixin library for Sass.
  - csstyle - A SCSS library to help you build modular CSS that generates your selectors for you and deals with specificity automatically.
  - Gerillass - A Sass mixin library to help you create modern web sites.
  - Juice - Collection of Sass mixins and functions.
  - Sass Accoutrement - 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.
  - Bourbon - Simple and lightweight mixin library for Sass.
Style Guides
- Miscellaneous
  - Hugo Giraudel's Sass Guidelines - Guidelines for writing sane, maintainable and scalable Sass.
Articles
- Miscellaneous
Tools
- Miscellaneous
  - diamond - Dependency management built for Sass, Less, and CSS.
  - libsass-python - Binding of libsass for Python.
  - OctoLinker - Navigate through *.scss and *.sass files efficiently with the OctoLinker browser extension for GitHub.
  - SassDoc - Documentation system (like JSDoc for JavaScript) to build pretty and powerful docs in the blink of an eye.
  - Scout-App - Process your Sass and SCSS files into CSS without needing any knowledge of the command line.
  - scss-lint - Configurable tool for writing clean and consistent SCSS. [(deprecated)](https://github.com/brigade/scss-lint#notice-consider-other-tools-before-adopting-scss-lint)
  - stylelint - A mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets. Supports CSS-like syntaxes, including SCSS.
  - OctoLinker - Navigate through *.scss and *.sass files efficiently with the OctoLinker browser extension for GitHub.
Books
- Miscellaneous
Videos
- Miscellaneous
Community
- Miscellaneous

Programming Languages

Categories

Articles 111 Libraries and Mixins 19 Tools 8 Frameworks 7 Getting Started 6 Videos 5 Books 4 Sass vs SCSS 3 License 3 Community 3 About 1 Style Guides 1

Sub Categories

Miscellaneous 141 Grid 8 Color 3 Animation 1 Typography 1

Keywords

scss 1 sass 1 framework 1 css 1