SCSS Sass

Open-source SCSS projects categorized as Sass

Top 23 SCSS Sass Projects

  • Hover

    A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

  • Primer

    The CSS design system that powers GitHub

  • Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28

    If you are looking for a dashboard system that is written in vanilla JS, I will be open sourcing my DevBoard in the next month or two. You can see it in action at https://devboard.gitsense.com/microsoft/vscode and learn more about the widget system at https://devboard.gitsense.com/microsoft/vscode?board=gitsens... Note the repo that is mentioned in the intro page hasn't been pushed to GitHub yet, but will be soon.

    The server is a very simple node/express app and the front end is written in vanilla javascript. I also use GitHub's primer css (https://github.com/primer/css) and a heavily stripped down version of tabler's css (https://github.com/tabler/tabler)

    Note, DevBoard is more geared towards hackers, so Tremor's is probably a much better fit if you are looking for an out of the box solution.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • hamburgers

    Tasty CSS-animated Hamburgers

  • Project mention: CSS Tools for Enhanced Web Design | dev.to | 2024-03-03

    5. Hamburgers by Jon Suh

  • csshake

    CSS classes to move your DOM!

  • devportfolio

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

  • Project mention: Okay portfolio vs no portfolio | /r/csMajors | 2023-12-11

    Here's a simple one

  • 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: Easy media query breakpoint variables in Next.js | dev.to | 2024-02-14

    Customization options and the default breakpoints can be found on the Website and in the Docs.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • 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.

  • 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.

  • Cirrus

    :cloud: The SCSS framework for the modern web.

  • three-dots

    🔮 CSS loading animations made with single element.

  • react-frontend-dev-portfolio

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

  • SassMagic

    Collection best of Sass mixins and function

  • primitive

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

  • 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.

  • long-haul

    A minimal, type-focused Jekyll theme.

  • clay.css

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

  • typesettings

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

  • Prism-Theme

    A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md

  • Project mention: Prism 3.3.0 - Reworked all existing Colour Schemes, added 2 new variants + some new features | /r/ObsidianMD | 2023-06-16

    ☕ Support Prism Development https://www.buymeacoffee.com/DamianKorcz

  • breakpoint-slicer

    Slice media queries with ease

  • almace-scaffolding

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

  • grayshift

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

  • stylesheet

    The GTK Stylesheet for elementary OS

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

SCSS Sass related posts

  • CSS Tools for Enhanced Web Design

    1 project | dev.to | 3 Mar 2024
  • Easy media query breakpoint variables in Next.js

    2 projects | dev.to | 14 Feb 2024
  • Okay portfolio vs no portfolio

    2 projects | /r/csMajors | 11 Dec 2023
  • Show HN: Atlassian Design for Bootstrap v5

    6 projects | news.ycombinator.com | 3 Oct 2023
  • There was a time when each new hamburger menu design was being shared like crazy. Now, there are big lists like this one with plenty of options to use. What a time to be a web designer

    1 project | /r/web_design | 17 May 2023
  • Is this possible in Sass ?

    1 project | /r/css | 3 Mar 2023
  • Loading Dot component for React Native applications

    1 project | dev.to | 1 Dec 2022
  • A note from our sponsor - SaaSHub
    www.saashub.com | 6 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 Hover 29,071
2 Primer 12,462
3 hamburgers 7,005
4 csshake 4,828
5 devportfolio 4,286
6 sass-boilerplate 3,325
7 include-media 2,560
8 family.scss 2,307
9 a11y.css 1,464
10 Cirrus 1,319
11 three-dots 1,302
12 react-frontend-dev-portfolio 981
13 SassMagic 947
14 primitive 914
15 air-light 890
16 long-haul 654
17 clay.css 548
18 typesettings 389
19 Prism-Theme 348
20 breakpoint-slicer 345
21 almace-scaffolding 329
22 grayshift 326
23 stylesheet 320

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com