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.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: 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 | /r/web_design | 2023-05-17

    When was that time like 20 years ago? This has existed for like ten years now: https://github.com/jonsuh/hamburgers

  • 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: Is vanilla CSS enough? | /r/webdev | 2023-06-03

    Using an SCSS pre-processor gives you access to powerful math and nice tools, like https://eduardoboucas.github.io/include-media/ for example.

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

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

    Project mention: 🚀 Cirrus 0.7.1 Released - New utility classes, Accordion, and more | dev.to | 2022-10-31

    💎 Cirrus 📝 Documentation

  • three-dots

    🔮 CSS loading animations made with single element.

    Project mention: Loading Dot component for React Native applications | dev.to | 2022-12-01

    Animations inspired by: @nzbin/three-dots

  • SassMagic

    Collection best of Sass mixins and function

  • primitive

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

    Project mention: Rails 7 with bootstrap and jquery. It's so frustating trying to make things work... | /r/rails | 2022-10-21

    cssbundling-rails is great. I really love the PrimitiveUI CSS framework as a starting point.

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

  • react-frontend-dev-portfolio

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

  • 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

  • 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

  • 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

  • Mergify

    Updating dependencies is time-consuming.. Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.

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 2023-07-28.

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 28,719
2 Primer 12,261
3 hamburgers 6,934
4 csshake 4,796
5 devportfolio 4,150
6 sass-boilerplate 3,232
7 include-media 2,543
8 family.scss 2,318
9 a11y.css 1,434
10 Cirrus 1,259
11 three-dots 1,258
12 SassMagic 942
13 primitive 898
14 air-light 827
15 react-frontend-dev-portfolio 824
16 long-haul 632
17 clay.css 535
18 typesettings 390
19 breakpoint-slicer 343
20 grayshift 326
21 almace-scaffolding 319
22 stylesheet 314
23 Prism-Theme 297
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.
www.sonarqube.org