Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today. Learn more →
Top 23 SCSS Scss Projects
-
-
Project mention: CSS not being applied in Github Pages deployment? | reddit.com/r/github | 2023-01-07
Interesting. So its a personal portfolio template on Github that was recommended while taking an online web development course for students to build their project portfolios with called simplefolio https://github.com/cobiwave/simplefolio. Why would they style it with scss if it isn't browser compatible? But yeah I just cloned that repo, followed the readme, added my own info and projects, and pushed it to a new repo.
-
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!
-
Project mention: Control your IoT devices with this new MQTT Client in C# (published on NuGet) | reddit.com/r/csharp | 2023-03-28
I wanted to share my latest package (published on NuGet) implementing the MQTT v5 protocol.
-
I love reading printed books and blog posts. For those interested, a starting point for printable CSS is Gutenberg[1]. This has been my go-to for the print media in CSS. I believe I stopped looking for another one with my lack of deeper involvement in development of styles.
I'm also guilty of picking Baskerville as the default classic look to printable font-family and even had resorted to it for screen.
Besides the tools mentioned in the article (Vellum and Atticus), Ulysses also has a good option for print-ready output.
-
I‘d use https://eduardoboucas.github.io/include-media/ instead, it combines all media queries on compile which will result in smaller CSS files.
-
animxyz
The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Vue handles it just fine with doing the hard work behind the scenes and just passing you some CSS classes to connect your animations to (and there are JS events to use as well if you need a JS animation). Main difference is Svelte gets the benefit of being able to do some fancier stuff like items changing order or doing more than just entering/exiting. Vue has this as well, but not as easy to use.
That being said I overall prefer the Vue CSS approach to animation, it inspired my brother and I to make https://animxyz.com which has been my most successful side project yet. We wanted to make it work for Svelte as well but they don't have the CSS classes so we can't hook into their events the same.
-
Project mention: 🚀 Cirrus 0.7.1 Released - New utility classes, Accordion, and more | dev.to | 2022-10-31
💎 Cirrus 📝 Documentation
-
SonarLint
Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.
-
Windows 7 https://khang-nd.github.io/7.css/
-
-
Project mention: Rails 7 with bootstrap and jquery. It's so frustating trying to make things work... | reddit.com/r/rails | 2022-10-21
cssbundling-rails is great. I really love the PrimitiveUI CSS framework as a starting point.
-
react-frontend-dev-portfolio
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
-
-
all-animation
All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project. They are cross-browser animations which will give more emphases on your pages likes sliding controls and 3D efects...
-
typesettings
A Sass or Stylus toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratio based headlines.
-
bootstrap-dark-5
The Ancillary Guide to Dark Mode and Bootstrap 5 - A continuation of the v4 Dark Mode POC. >>> Bootstrap 5.2 is in the `dev/v1.2.0` branch <<<
Project mention: The Ancillary Guide to Dark Mode and Bootstrap 5 | news.ycombinator.com | 2023-03-17 -
-
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.
-
-
-
-
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
SCSS Scss related posts
- Control your IoT devices with this new MQTT Client in C# (published on NuGet)
- I'm working on a project, which will let me connect esp01 board directly to database like mongo DB.
- Is this possible in Sass ?
- How to make website like this?
- sending messages to raspberry pi 3 from pico
- CSS not being applied in Github Pages deployment?
- How to keep a history of MQTT data with Node.js
-
A note from our sponsor - SonarLint
www.sonarlint.org | 29 Mar 2023
Index
What are some of the best open-source Scss projects in SCSS? This list will help you:
Project | Stars | |
---|---|---|
1 | NES.css | 19,560 |
2 | simplefolio | 12,069 |
3 | mqtt.org | 4,989 |
4 | Gutenberg | 4,611 |
5 | include-media | 2,509 |
6 | animxyz | 2,188 |
7 | Cirrus | 1,139 |
8 | 7.css | 1,094 |
9 | SassMagic | 924 |
10 | primitive | 894 |
11 | react-frontend-dev-portfolio | 702 |
12 | Honoka | 653 |
13 | all-animation | 470 |
14 | typesettings | 391 |
15 | bootstrap-dark-5 | 353 |
16 | breakpoint-slicer | 343 |
17 | grayshift | 326 |
18 | almace-scaffolding | 311 |
19 | colors.lol | 254 |
20 | skeleton-sass | 152 |
21 | basis | 143 |
22 | Meshki | 131 |
23 | snack | 130 |