SCSS css-framework

Open-source SCSS projects categorized as css-framework | Edit details
Related topics: #CSS #Scss #Sass #HTML #Framework

Top 23 SCSS css-framework Projects

  • NES.css

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

    Project mention: A Gatsby theme for retro gaming CSS | | 2022-04-15

    A theme built with Typescript, Gatsby, and NES.css for a One-page layout.

  • pico

    Minimal CSS Framework for semantic HTML

    Project mention: Render, Remix, and Strapi: Let's Build a Productivity Tips App | | 2022-04-04

    Replace Pico.css with a different minimal CSS theme, or even add your own styling to match your company or team’s brand colors.

  • 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: I hate vertical scrolling. How can I paginate the web? | | 2021-09-21

    Recently, I re-designed my blog and I went looking for a Print CSS starter framework. I found a nice, simple, lean one -- Gutenberg[1]. It is less than 5KB before zipping.

    I hope people still do print.css. I also have a habit of printing interesting articles to read away from the screen.


  • animxyz

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

    Project mention: 7 Helpful tools for frontend devs 🤯 | | 2022-03-27


  • Tacit

    CSS framework for dummies, without a single CSS class

    Project mention: What are dos and don'ts for designing a nice looking website, when you are not design savvy | | 2022-04-30

    Tacit (simple and effective)

  • Cirrus

    :cloud: The SCSS framework for the modern web.

    Project mention: Why I Unit Test My Sass: Mixins 🧪 | | 2022-02-01

    For this tutorial, let’s create a simple viewport mixin similar to the screen-above() mixin defined in Cirrus. The mixin below will apply any styles passed into it if it is larger than the specified breakpoints. Copy the contents below into a new file within /src/mixins.scss.

  • Bojler

    Bojler is an email framework

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • primitive

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

  • grayshift

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

    Project mention: Open Source Bootstrap 5 Resources | | 2022-02-17

    grayshift - Lightweight front-end component library for developing fast and powerful web interfaces.

  • basis

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

  • snack

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

  • uniformcss

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

    Project mention: Uniform CSS: Build modern UI without losing the productiveness of Sass | | 2021-08-12

    # Change directory to where your main sass file lives cd MyAmazingProject # Clone project git clone

  • turkuazcss

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

  • avalanche

    A package based CSS framework. (by avalanchesass)

    Project mention: 23 Responsive And Lightweight CSS Frameworks | | 2021-07-27

    Avalanche is regarded as one of the best lightweight CSS frameworks that create the foundation for a package-based CSS workflow. It is used to customize to meet your requirements for building websites. There are available packages to enable offset classes, fluid grid system, containers, vertical spacing.

  • bem-kit

    💄 CSS UI kit with BEM convention and SASS

  • css

    Utility and component-centric Design System based on Bootstrap 5 for fast, responsive UI development. (by webpixels)

    Project mention: How to get started with Bootstrap and Eleventy | | 2022-01-05

    As I previously mentioned, we'll be using Webpixels CSS to style our site. It is a utility and component-centric design system based on Bootstrap for fast, responsive UI development. It will help us to build a modern website much faster.

  • emma.css

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

  • availity-uikit

    Availity UI Kit powered by Bootstrap 4

  • Behavior-Bind-Media

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

  • utilcss

    Utilitarian CSS Framework

    Project mention: Assembler CSS, a modern utility-first framework | | 2021-08-12

    I think the approach is noble but by looking at their own website, just the H1 has this:


    Just-in-time CSS, unlimited possibilities

    I think that is spaghetti code. I can do that with my own library and much cleaner functional approach, and much reduced code

  • HypeStyle

    HypeStyle CSS is a collection of CSS utilities for web development.

    Project mention: HypeStyle CSS | | 2021-12-02

    Feel free to give a star ⭐ Github:

  • ply

    ply - A ratio based CSS Framework in SCSS. (by thatgibbyguy)

  • hgrid-css

    🌟 A lightweight and practical CSS utility kit. Zero config. Flat learning curve.

    Project mention: Sass media queries | | 2022-04-10

    Another solution is to only use a mixin like the one here:

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 2022-04-30.

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 18,315
2 pico 5,065
3 Gutenberg 4,491
4 animxyz 1,897
5 Tacit 1,462
6 Cirrus 1,006
7 Bojler 956
8 primitive 862
9 grayshift 321
10 basis 139
11 snack 129
12 uniformcss 127
13 turkuazcss 109
14 avalanche 90
15 bem-kit 69
16 css 54
17 emma.css 51
18 availity-uikit 44
19 Behavior-Bind-Media 31
20 utilcss 24
21 HypeStyle 23
22 ply 18
23 hgrid-css 12
Find remote jobs at our new job board There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.