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.

    Project mention: Best free CSS animation? | /r/css | 2023-04-19
  • 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.

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

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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

  • breakpoint-slicer

    Slice media queries with ease

  • 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

  • grayshift

    A 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

  • SaaSHub

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

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 2024-03-03.

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 Hover 29,038
2 Primer 12,427
3 hamburgers 6,985
4 csshake 4,823
5 devportfolio 4,260
6 sass-boilerplate 3,316
7 include-media 2,560
8 family.scss 2,306
9 a11y.css 1,453
10 Cirrus 1,318
11 three-dots 1,292
12 react-frontend-dev-portfolio 965
13 SassMagic 946
14 primitive 914
15 air-light 871
16 long-haul 649
17 clay.css 548
18 typesettings 389
19 breakpoint-slicer 345
20 Prism-Theme 342
21 grayshift 326
22 almace-scaffolding 325
23 stylesheet 320
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com