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.

  • CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  • Primer

    Primer is GitHub's design system. This is the CSS implementation

  • 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

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

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

  • SassMagic

    Collection best of Sass mixins and function

  • primitive

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

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

  • Prism-Theme

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

  • 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

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

Log in or Post with

SCSS Sass related posts

  • Show HN: Mlut – Atomic CSS toolkit with Sass and ergonomics

    1 project | news.ycombinator.com | 20 Aug 2024
  • Mlut – Atomic CSS toolkit with Sass and ergonomics for styles of any complexity

    1 project | news.ycombinator.com | 13 Aug 2024
  • 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
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 11 Dec 2024
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. 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,226
2 Primer 12,583
3 hamburgers 7,067
4 csshake 4,859
5 devportfolio 4,395
6 sass-boilerplate 3,357
7 include-media 2,574
8 family.scss 2,308
9 a11y.css 1,483
10 Cirrus 1,381
11 three-dots 1,324
12 react-frontend-dev-portfolio 1,080
13 air-light 968
14 SassMagic 947
15 primitive 920
16 long-haul 678
17 clay.css 558
18 Prism-Theme 407
19 typesettings 387
20 breakpoint-slicer 346
21 almace-scaffolding 331
22 grayshift 325
23 stylesheet 319

Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai

Did you konow that SCSS is
the 42nd most popular programming language
based on number of metions?