Open-source SCSS projects categorized as CSS | Edit details

Top 23 SCSS CSS Projects

  • mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

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

    mdb-ui-kit - Bootstrap 5 & Material Design 2.0 UI KIT.

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

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

  • card

    :credit_card: make your credit card form better in one line of code

  • Primer

    The CSS design system that powers GitHub

    Project mention: 🚀20 Best CSS3 Library For Developers. | | 2021-07-26

    11. Primer CSS

  • magic

    CSS3 Animations with special effects

    Project mention: Does anyone know how this website is made? | | 2022-04-25
  • hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: I found some funny things in the Official Eddsworld Website's Code | | 2022-01-07

    Here's some stuff I noticed: The preview image for Slippery Slope is just a screenshot The section where they normally put the weekly eddsworld comic is literally called "ComicContainer" The sort of "add section" below the content is literally called "bottom-part" The website's footer is called the "EddFooter" The text links (not in the navigation) supposedly have a slight glow around them They have a lot of css (style-ing code) for an unused menu asset (like the menus that you click and they expand). It even links to this website ( that allows you to use the code.

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

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

  • csshake

    CSS classes to move your DOM!

    Project mention: CSShake: Let DOM Shake | | 2022-01-29

    this little CSS project

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


  • icono

    One tag One icon, no font or svg, Pure CSS

  • family.scss

    Family.scss is a set of Sass mixins which will help you to manage the style of :nth-child'ified elements, in an easy way.

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

  • a11y.css

    This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

  • whirl

    CSS loading animations with minimal effort!

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

  • TuiCss

    Text-based user interface CSS library

    Project mention: Modern Turbo Vision 2.0 | | 2022-03-19

    Definitely not as good as the web, if only for zero accessibility. With the web you have a DOM of semantic elements that are all carefully marked up by hand to describe the intent and meaning of everything. With turbo vision and TUIs you have a buffer of bytes with text, graphics, background, etc. all using the same character set. Good luck if you're a screen reader trying to make sense of it.

    But you can have TUI style on the web, this tui.css project is absolutely amazing IMHO:

  • Bojler

    Bojler is an email framework

  • SassMagic

    Collection best of Sass mixins and function

  • primitive

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

  • 7.css

    A tiny CSS framework for building faithful recreations of the Windows 7 UI.

    Project mention: does anyone know a 7.css version for windows 10? | | 2022-05-08

    I'm looking for something like this specially the window component:

  • Honoka

    Honoka is one of the original Bootstrap theme.

  • long-haul

    A minimal, type-focused Jekyll theme.

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-05-08.

SCSS CSS related posts


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

Project Stars
1 mdb-ui-kit 22,272
2 NES.css 18,315
3 card 11,424
4 Primer 11,066
5 magic 7,573
6 hamburgers 6,635
7 pico 5,065
8 csshake 4,634
9 Gutenberg 4,491
10 icono 4,005
11 family.scss 2,316
12 animxyz 1,897
13 Tacit 1,462
14 a11y.css 1,379
15 whirl 1,084
16 Cirrus 1,006
17 TuiCss 969
18 Bojler 956
19 SassMagic 898
20 primitive 862
21 7.css 825
22 Honoka 651
23 long-haul 573
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.