SCSS css-framework

Open-source SCSS projects categorized as css-framework

Top 23 SCSS css-framework Projects

  • NES.css

    NES-style CSS Framework | ファミコン風CSSフレームワーク

    Project mention: This just sucks. | /r/badcode | 2022-12-27
  • pico

    Minimal CSS Framework for semantic HTML

    Project mention: how to choose a tech stack for a personal project | /r/Frontend | 2023-06-01

    For styling you could try daisyUI on top of tailwind or you could use something like

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

  • Gutenberg

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

    Project mention: Laying Out a Print Book with CSS | | 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.


  • animxyz

    The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

    Project mention: What is your preferred method to use animation? | /r/Frontend | 2023-04-18

    I don't use a lot of animations, if it's simple stuff I'll just do it myself. Have used animate.css before, it was quite nice, especially paired with wow.js. Have been meaning to try AnimXYZ but again, don't use a lot of animations so haven't been able to yet.

  • Tacit

    CSS framework for dummies, without a single CSS class: nicely renders properly formatted HTML5 pages

    Project mention: Show HN: Neat, the Minimalist CSS Framework | | 2023-04-25


  • Cirrus

    :cloud: The SCSS framework for the modern web.

    Project mention: 🚀 Cirrus 0.7.1 Released - New utility classes, Accordion, and more | | 2022-10-31

    💎 Cirrus 📝 Documentation

  • Bojler

    Bojler is an email framework

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

  • primitive

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

    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.

  • grayshift

    A lightweight front-end component library for developing fast and powerful web interfaces.

  • luxa

    A minimalist CSS framework.

    Project mention: MVP.css – Minimalist stylesheet for HTML elements | | 2022-09-11
  • uniformcss

    A fully configurable utility class generator and CSS framework built for Sass projects.

  • basis

    A lightweight responsive Sass/CSS framework based on flexible box. (by sass-basis)

  • snack

    🍱 A minimal CSS framework for web. (by nzbin)

  • turkuazcss

    Hızlı ve kolay web sayfaları geliştirin

  • avalanche

    A package based CSS framework. (by avalanchesass)

  • css

    Utility and component-centric design system for Bootstrap 5 for fast, responsive UI development. (by webpixels)

    Project mention: Probably, the best design system for Bootstrap 5 | /r/bootstrap | 2022-10-11

    With Webpixels CSS I took these two concepts and extended them to cover 80% of the use cases. I added some new components that are not existing yet in Bootstrap, and I create a comprehensive list of utility classes using the included API. You can see them all documented in our documentation.

  • emma.css

    🍴 Emma.css { utility-classes: emmet-like; }

  • material

    Modern material design framework (by Tronic247)

  • availity-uikit

    Availity UI Kit powered by Bootstrap 4

  • Behavior-Bind-Media

    Behavior css class bind query media can save tons of css code

  • core

    Small, useful CSS library build on utility classes & components. (by hypestyle)

  • utilcss

    Utilitarian CSS Framework

  • sass-zero

    A CSS framework for rapid UI development based on tailwindcss, miligram and BEM

    Project mention: Your goto styling is Tailwind CSS or Bootstrap? | /r/rails | 2023-05-26
  • 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.

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-06-01.

SCSS css-framework related posts


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

Project Stars
1 NES.css 19,746
2 pico 9,374
3 Gutenberg 4,645
4 animxyz 2,231
5 Tacit 1,569
6 Cirrus 1,160
7 Bojler 987
8 primitive 897
9 grayshift 326
10 luxa 163
11 uniformcss 144
12 basis 140
13 snack 131
14 turkuazcss 106
15 avalanche 91
16 css 82
17 emma.css 52
18 material 50
19 availity-uikit 44
20 Behavior-Bind-Media 31
21 core 28
22 utilcss 27
23 sass-zero 26
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.