SCSS Sass

Open-source SCSS projects categorized as Sass Edit details

Top 23 SCSS Sass Projects

  • Primer

    The CSS design system that powers GitHub

    Project mention: GitLab diff color system | dev.to | 2022-07-13
  • hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: The Ultimate List of CSS Code Generators For Web Development | dev.to | 2022-07-25

    Animated Hamburguer Menus

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • csshake

    CSS classes to move your DOM!

    Project mention: FRONT END - LINKS CRIATIVOS E TÉCNICOS | dev.to | 2022-07-22
  • devportfolio

    A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

    Project mention: Front End Project Examples For Beginners👨🏻‍💻 | dev.to | 2022-04-20
  • sass-boilerplate

    A boilerplate for Sass projects using the 7-1 architecture pattern from Sass Guidelines.

  • include-media

    📐 Simple, elegant and maintainable media queries in Sass

    Project mention: Rails 7 added --css app generator | reddit.com/r/rails | 2021-11-17

    https://eduardoboucas.github.io/include-media/ wonderful for work with media queries.

  • family.scss

    Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy way.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • a11y.css

    This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

  • three-dots

    🔮 CSS loading animations made with single element.

    Project mention: 12 Best CSS Animation Libraries 😍 | dev.to | 2022-07-24

    8. Three Dots

  • Cirrus

    :cloud: The SCSS framework for the modern web.

    Project mention: ⚡The Fastest Way to Develop and Deploy Your Next Project | dev.to | 2022-06-09

    Do you like launching stuff? I like launching stuff! A few months ago, I released one of the largest updates to my CSS framework, Cirrus. Cirrus is a CSS framework designed for rapid prototyping and production use with a wide variety of ready-to-use components to plug into your app and utility classes to customize them. This makes building anything new with Cirrus a breeze with dead simple configuration and little overhead.

  • SassMagic

    Collection best of Sass mixins and function

  • primitive

    ⛏️ ‎ A front-end design toolkit for developing web apps. (by taniarascia)

    Project mention: Required skills to create a buy and sell website | reddit.com/r/webdev | 2022-06-05

    There is always new stuff to learn with this. I've been writing CSS for 20 years now and I'm still learning new stuff. If you haven't yet worked with SASS / SCSS, definitely look into that. It's a huge time-saver. My favorite current SCSS framework is Primitive UI ( https://taniarascia.github.io/primitive/ ). I've tried other frameworks (Bootstrap, Tailwind, Zurb Foundation) and they're all very...noisy. Primitive UI is a nice reset and keeps your source clean. Use whatever you like, of course.

  • air-light

    💨 WordPress starter theme - designed to be minimal, ultra-lightweight (< 20 kB) and easy for all kinds of WordPress projects. 7+years/1000+hours of development and still updating daily! We prefer the original WordPress way of doing things so no strange templating languages or frameworks here.

    Project mention: is underscores still a good start theme | reddit.com/r/Wordpress | 2022-02-11

    I did the same a year ago, and ended up with air-light theme https://airwptheme.com/

  • long-haul

    A minimal, type-focused Jekyll theme.

  • react-frontend-dev-portfolio

    Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.

  • clay.css

    Easily add claymorphic styles to any HTML element with this micro class and SASS mixin.

    Project mention: Clay.CSS – Micro CSS util class for applying inflated fluffy 3D | news.ycombinator.com | 2022-01-21
  • typesettings

    A Sass or Stylus toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratio based headlines.

  • breakpoint-slicer

    Slice media queries with ease

  • grayshift

    A lightweight front-end component library for developing fast and powerful web interfaces.

    Project mention: Open Source Bootstrap 5 Resources | reddit.com/r/bootstrap | 2022-02-17

    grayshift - Lightweight front-end component library for developing fast and powerful web interfaces.

  • almace-scaffolding

    AMSF, a.k.a. Almace Scaffolding, a super-fast Jekyll framework fighting against the website obesity.

  • stylesheet

    The GTK Stylesheet for elementary OS

    Project mention: elementaryOS theme for Gnome 40? | reddit.com/r/elementaryos | 2021-08-18
  • sass-spec

    Official Sass Spec Suite

    Project mention: A simple SASS compiler with zero dependency | reddit.com/r/javascript | 2021-09-15

    Nicely done! Excuse me if I missed it, do you have any plans to run it against the Sass spec test suite?

  • basis

    A lightweight responsive Sass/CSS framework based on flexible box. (by sass-basis)

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-07-25.

SCSS Sass related posts

Index

What are some of the best open-source Sass projects in SCSS? This list will help you:

Project Stars
1 Primer 11,272
2 hamburgers 6,697
3 csshake 4,678
4 devportfolio 3,809
5 sass-boilerplate 2,994
6 include-media 2,453
7 family.scss 2,315
8 a11y.css 1,385
9 three-dots 1,128
10 Cirrus 1,061
11 SassMagic 907
12 primitive 862
13 air-light 640
14 long-haul 579
15 react-frontend-dev-portfolio 505
16 clay.css 418
17 typesettings 389
18 breakpoint-slicer 340
19 grayshift 323
20 almace-scaffolding 298
21 stylesheet 291
22 sass-spec 177
23 basis 139
Find remote jobs at our new job board 99remotejobs.com. There is 0 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com