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! Learn more →
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: 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!
-
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
-
-
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.
-
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.
-
Project mention: 🚀 Cirrus 0.7.1 Released - New utility classes, Accordion, and more | dev.to | 2022-10-31
💎 Cirrus 📝 Documentation
-
Animations inspired by: @nzbin/three-dots
-
-
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.
-
-
-
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.
-
almace-scaffolding
AMSF, a.k.a. Almace Scaffolding, a super-fast Jekyll framework fighting against the website obesity.
-
-
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.
SCSS Sass related posts
- 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
- Is this possible in Sass ?
- Loading Dot component for React Native applications
- Rails 7 with bootstrap and jquery. It's so frustating trying to make things work...
- Learn How to Structure your SASS Projects
- The Ultimate List of CSS Code Generators For Web Development
- The Most Satisfying Checkbox
-
A note from our sponsor - Appwrite
appwrite.io | 24 Sep 2023
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 |