Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Sass Open-Source Projects
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
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.
-
chatwoot
Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
nebular
:boom: Customizable Angular UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
-
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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
As an example, let’s take the Bootstrap framework and try to go with ITCSS structure in it.
This is a bug, PR welcome !
https://github.com/tabler/tabler/issues/1648
Project mention: Is there any github repo or something for medium or advanced level project in Angular that I can run in my local and learn something from that ?? | /r/Angular2 | 2023-09-06I learned a lot from the ngx-admin template but if you want a real world project PeerTube's Web app written in Angular you can check it out here
Official Website: https://blueprintjs.com/
Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28If 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.
It’s in the src/scss directory but they’re not using that much except overriding bootstrap which has its own.
You might find bourbon more useful.
https://github.com/twbs/bootstrap/tree/main/scss
https://www.bourbon.io
Project mention: Madge: Create graphs from your CommonJS, AMD or ES6 module dependencies | news.ycombinator.com | 2024-02-15
Nebular (MIT license)
5. Hamburgers by Jon Suh
Project mention: Initializing a Project with Any Git Repository - Code Recycle | dev.to | 2024-03-18changeList: - type: copy from: https://github.com/maximegris/angular-electron.git to: ./ae source: git
Balloon.css (5k ⭐) — A CSS library that helps you create simple and elegant tooltips using only HTML and CSS. It does not require any JavaScript and supports accessibility with aria-label attributes. Balloon.css offers different positions, colors, sizes, and effects for your tooltips.
Fontsource[0] is also an easy way to self-host variable fonts via NPM packages.
[0] https://fontsource.org/?variable=true
Here's a simple one
Project mention: We Have Code Quality At Home: Open Source Java Code Quality Tools | dev.to | 2024-05-06Spotless is an open-source, multi-language, customizable code formatter for projects. It comes with a Maven Plugin that can be customized as needed.
Sass related posts
-
cssminify VS js-utils - a user suggested alternative
2 projects | 29 Mar 2024 -
A formula for responsive font-size
-
CSS Tools for Enhanced Web Design
-
Easy media query breakpoint variables in Next.js
-
How to use ChatGPT to build macOS applications without any code experience
-
Okay portfolio vs no portfolio
-
Using a handlebars template in JS on client-side
-
A note from our sponsor - InfluxDB
www.influxdata.com | 17 May 2024
Index
What are some of the best open-source Sass projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Bootstrap | 167,594 |
2 | tabler | 37,062 |
3 | Hover | 29,074 |
4 | ngx-admin | 25,061 |
5 | @blueprintjs/core | 20,443 |
6 | chatwoot | 18,809 |
7 | Primer | 12,465 |
8 | Bourbon | 9,097 |
9 | madge | 8,577 |
10 | nebular | 8,016 |
11 | hamburgers | 7,006 |
12 | generator-angular-fullstack | 6,128 |
13 | eui | 6,044 |
14 | angular-electron | 5,583 |
15 | balloon.css | 5,025 |
16 | csshake | 4,831 |
17 | fontsource | 4,608 |
18 | devportfolio | 4,293 |
19 | spotless | 4,206 |
20 | sass-loader | 3,895 |
21 | dart-sass | 3,798 |
22 | sass-boilerplate | 3,325 |
23 | rfs | 3,285 |
Sponsored