Top 23 SCSS Sass Projects
-
-
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!
-
-
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.
-
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.
-
8. Three Dots
-
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.
-
-
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.
I did the same a year ago, and ended up with air-light theme https://airwptheme.com/
-
-
react-frontend-dev-portfolio
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
-
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.
-
-
grayshift
A lightweight front-end component library for developing fast and powerful web interfaces.
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.
-
-
Nicely done! Excuse me if I missed it, do you have any plans to run it against the Sass spec test suite?
-
SCSS Sass related posts
- The Ultimate List of CSS Code Generators For Web Development
- The Most Satisfying Checkbox
- Animated Hamburger Icon Astra Pro Theme?
- Required skills to create a buy and sell website
- 🐕 A simple and lightweight CSS Framework built with Sass for building responsive web apps.
- Clay.CSS – Micro CSS util class for applying inflated fluffy 3D
- Why I Unit Test My Sass: Functions 🧪
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 |
Are you hiring? Post a new remote job listing for free.
