SCSS Framework

Open-source SCSS projects categorized as Framework

Top 13 SCSS Framework Projects

  • mdb-ui-kit

    Bootstrap 5 & Material Design UI KIT

    Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

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

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

  • Gutenberg

    Modern framework to print the web correctly.                                                (by BafS)

    Project mention: Laying Out a Print Book with CSS | news.ycombinator.com | 2023-03-20

    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.

    1. https://github.com/BafS/Gutenberg

  • TuiCss

    Text-based user interface CSS library

    Project mention: Show HN: Msdos Theme Inspired Image Enhancement Tools | news.ycombinator.com | 2023-09-07

    I am a lover of CSS frame themes and that is really nice.

    https://github.com/vinibiavatti1/TuiCss

    It seems this is just your personal project as it is just on a subdomain of your domain, so might not be for the public, but keep the following in mind:

    GDPR-compliance: you need to add how long images remain after being uploaded or give the option to delete the original file. This also includes the time you will also keep the generated file. You wouldn't need to store these for more than 10 minutes after the output has been generated.

    Filename: out.png is like you just plopped in the sample code that you found on Github and called it a day. Consider keeping the filename and adding something to it. "filename-out.png" might be better.

    Tested most of the options and its all functional.

  • Bojler

    Bojler is an email framework

  • primitive

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

  • Meshki

    Meshki: A Dark-Colored, Responsive Boilerplate for UI Development

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • baseguide

    Flexible, fluid and fun CSS framework.

  • calcite-web

    Authoritative front-end development resources for Calcite design initiative. Includes extendable base components and styles, as well as a modular and efficient framework for ArcGIS properties.

  • Powershell-HTML5-Reporting

    New, simple, fast HTML5 builder to create awesome reporting.

  • sass-zero

    A CSS framework for custom UI development. (Ruby on Rails)

    Project mention: SASS-ZERO: A CSS framework for rapid UI development. | /r/rails | 2023-07-01
  • toucaan

    The Toucaan submodule.

  • shiba-css

    🐕 A simple and lightweight CSS Framework built with Sass for building responsive web apps.

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-10-30.

SCSS Framework related posts

Index

What are some of the best open-source Framework projects in SCSS? This list will help you:

Project Stars
1 mdb-ui-kit 23,948
2 Primer 12,397
3 Gutenberg 4,734
4 TuiCss 1,424
5 Bojler 1,015
6 primitive 914
7 Meshki 133
8 baseguide 126
9 calcite-web 107
10 Powershell-HTML5-Reporting 60
11 sass-zero 39
12 toucaan 7
13 shiba-css 6
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com