CSS Sass

Open-source CSS projects categorized as Sass

Top 22 CSS Sass Projects

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

    Project mention: CSS Deep | dev.to | 2021-02-26

    IanLunn/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.

  • GitHub repo hamburgers

    Tasty CSS-animated Hamburgers

    Project mention: 25+ Awesome CSS Code Generators For Your Next Project | dev.to | 2021-04-29

    The below website contain CSS code for various hamburger animations. 1 .Hamburgers

  • GitHub repo balloon.css

    Simple tooltips made of pure CSS

    Project mention: CSS Deep | dev.to | 2021-02-26

    kazzkiq/balloon.css - Simple tooltips made of pure CSS

  • GitHub repo csshake

    CSS classes to move your DOM!

    Project mention: Top 10 Animation Libraries – (CSS + JavaScript ) | dev.to | 2021-06-16

    You could download the complete csshake.css file or separated files for each shake animation (i.e csshake-little.css). Each one expanded or minified.

  • GitHub repo rfs

    ✩ Automates responsive resizing ✩

    Project mention: Why use em's for things like padding/margin? | reddit.com/r/webdev | 2021-01-20

    https://github.com/twbs/rfs#readme

  • GitHub repo gridlex

    Just a CSS Flexbox Grid System

    Project mention: CSS Deep | dev.to | 2021-02-26

    devlint/gridlex - Just a CSS Flexbox Grid System

  • GitHub repo avalanche

    Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system

    Project mention: CSS Deep | dev.to | 2021-02-26

    colourgarden/avalanche - Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system

  • GitHub repo waffle-grid

    An easy to use flexbox grid system.

    Project mention: CSS Deep | dev.to | 2021-02-26

    lucasgruwez/waffle-grid - An easy to use flexbox grid system.

  • GitHub repo tentcss

    :herb: A CSS survival kit. Includes only the essentials to make camp.

    Project mention: CSS Deep | dev.to | 2021-02-26

    sitetent/tentcss - 🌿 A CSS survival kit. Includes only the essentials to make camp.

  • GitHub repo reset-css

    An unmodified* copy of Eric Meyer's CSS reset. PostCSS, webpack, Sass, and Less friendly.

    Project mention: CSS Deep | dev.to | 2021-02-26

    shannonmoeller/reset-css - An unmodified copy of Eric Meyer's CSS reset. Sass, Less, PostCSS, and webpack friendly.

  • GitHub repo buttons

    A collection of CSS buttons.

    Project mention: CSS Deep | dev.to | 2021-02-26

    loup-brun/buttons - A collection of CSS buttons.

  • GitHub repo kindling

    A pocket-sized grid system built on the flex display property.

    Project mention: CSS Deep | dev.to | 2021-02-26

    timothylong/kindling - A pocket-sized grid system; built on the flex display property.

  • GitHub repo skeleton-sass

    Skeleton Sass is a highly modular version of Skeleton CSS (by atomicpages)

    Project mention: CSS Deep | dev.to | 2021-02-26

    atomicpages/skeleton-sass - Skeleton Sass is a highly modular version of Skeleton CSS

  • GitHub repo wireframe

    minimal wireframing css-framework 🎈

    Project mention: CSS Deep | dev.to | 2021-02-26

    agauniyal/wireframe - minimal wireframing css-framework 🎈

  • GitHub repo heisenberg

    Zeek WordPress starter theme based on _s and Foundation

    Project mention: CSS Deep | dev.to | 2021-02-26

    ZeekInteractive/heisenberg - Zeek WordPress starter theme based on _s and Foundation

  • GitHub repo bootstrap-gulp-starter-template

    Bootstrap 4 + Gulp 4 + Panini for improve front-end development workflow

    Project mention: Am I stupid or is bootstrap extremely hard to customize? | reddit.com/r/webdev | 2021-02-15
  • GitHub repo pear

    A boilerplate for static site projects

    Project mention: CSS Deep | dev.to | 2021-02-26

    jrdnbwmn/pear - A lightweight HTML/Sass boilerplate

  • GitHub repo haiticss

    Baseline for wearing ITCSS. Based on INUIT CSS from Harry Roberts

    Project mention: CSS Deep | dev.to | 2021-02-26

    haiticss/haiticss - Baseline for wearing ITCSS. Based on INUIT CSS from Harry Roberts

  • GitHub repo rocket-propel

    A lightweight SASS mixin library and responsive CSS layout engine. (by chrishumboldt)

    Project mention: CSS Deep | dev.to | 2021-02-26

    chrishumboldt/Rocket-Propel - A lightweight SASS mixin library and responsive CSS layout engine.

  • GitHub repo help-media-queries

    This tool help you to easily recognize your active media query and display additional screen info

    Project mention: CSS Deep | dev.to | 2021-02-26

    equinusocio/help-media-queries - This tool help you to easily recognize your active media query and display additional screen info

  • GitHub repo unreset.css

    unreset.css restores browsers' default element styles which are reset by Eric Meyer's Reset CSS, YUI 3 Reset CSS, HTML5 Reset Stylesheet of HTML5 Doctor, or Tim Murtaugh's HTML5 Reset.

    Project mention: CSS Deep | dev.to | 2021-02-26

    ixkaito/unreset.css - Unreset CSS restores browsers' default element styles which are reset by Eric Meyer's Reset CSS, YUI 3 Reset CSS, HTML5 Reset Stylesheet of HTML5 Doctor, or Tim Murtaugh's HTML5 Reset.

  • GitHub repo sassy-validation

    Type validation in Sass 🔬

    Project mention: CSS Deep | dev.to | 2021-02-26

    iamskok/sassy-validation - Sass data type validation library

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 2021-06-16.

Index

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

Project Stars
1 Hover 24,322
2 hamburgers 6,369
3 balloon.css 4,797
4 csshake 4,402
5 rfs 2,665
6 gridlex 1,327
7 avalanche 629
8 waffle-grid 602
9 tentcss 402
10 reset-css 248
11 buttons 177
12 kindling 154
13 skeleton-sass 150
14 wireframe 148
15 heisenberg 78
16 bootstrap-gulp-starter-template 57
17 pear 55
18 haiticss 51
19 rocket-propel 45
20 help-media-queries 28
21 unreset.css 25
22 sassy-validation 24