Dev tools · alternatives · 2026

24 alternatives to Shades SCSS

A Sass boilerplate for creating & customizing themes quickly

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Shades SCSS launched in 2018; newer entries below may have overtaken it.

1. 1
   Shorthand CSS▲169

   Feature rich CSS framework for the new decade

   2020 · shorthandcss.com · its alternatives →

2. 2
   Pattern.css▲197

   CSS library to fill empty background with beautiful patterns

   2020 · github.com · its alternatives →

3. 3MB
   my boilerplate CSS code for new designs, written in Less.▲108

   2011 · mgeraci.github.com · its alternatives →

4. 4
   Family.scss – a set of 20 smart SASS mixins▲88

   2016 · lukyvj.github.io · its alternatives →

5. 5
   Water.css – A just-add-css collection of styles to make websites nicer▲501

   A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

   2019 · github.com · its alternatives →

6. 6
   Shade▲323

   Free landing page templates for startups

   2019 · finestdevs.com · its alternatives →

7. 7
   Tailwind UI Templates▲444

   Beautiful Next.js templates built by the Tailwind CSS team.

   2022 · tailwindcss.com · its alternatives →

8. 8
   Pattern.css – CSS-only library to fill empty background with patterns▲332

   CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

   2020 · github.com · its alternatives →

9. 9
   StyleURL▲190

   Share & preview CSS tweaks instantly

   2018 · its alternatives →

10. 10
    awsm.css▲173

    Simple CSS library for semantic HTML markup

    2017 · github.com · its alternatives →

11. 11
    CSS Grab n' Go Editor▲213

    Visual editor for learning and quick CSS mocking

    2020 · cssbuilder.veliovgroup.com · its alternatives →

12. 12
    Picnic.css, a lightweight Bootstrap alternative▲247

    I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed

    2014 · picnicss.com · its alternatives →

13. 13
    Spectre.css▲162

    A lightweight, responsive and modern CSS framework

    2016 · picturepan2.github.io · its alternatives →

14. 14
    Family.scss▲157

    20 Sass mixins to help you manage :nth-child'ified elements

    2016 · lukyvj.github.io · its alternatives →

15. 15
    Darker▲80

    Generate color tints & shades

    2021 · darker.vercel.app · its alternatives →

16. 16
    A simple, plain, minimal, classless CSS for simple, plain HTML pages▲128

    A simple, minimal, classless stylesheet for simple HTML pages - susam/spcss

    2020 · github.com · its alternatives →

17. 17
    HueWind▲80

    A opinionated, cohesive palette generator for Tailwind CSS

    2022 · huewind.jordantwells.com · its alternatives →

18. 18
    Better CSS with Sass▲64

    Write better CSS with Sass

    2015 · fivesimplesteps.com · its alternatives →

19. 19IC
    I combined Milligram, Skeleton, and Normalize into a single CSS project▲158

    2020 · sscaffold-css.com · its alternatives →

20. 20
    Cirrus v0.7▲87

    The SCSS framework for the modern web

    2022 · cirrus-ui.com · its alternatives →

21. 21
    ColorHub▲178

    Find the perfect color palette for your next project

    2021 · colorhub.vercel.app · its alternatives →

22. 22
    colorSS▲98

    Generate random CSS color palettes and get inspired

    2022 · xsgames.co · its alternatives →

23. 23
    CSS-Mint▲118

    Lightweight and simple to use UI Kit.

    2016 · arunmichaeldsouza.github.io · its alternatives →

24. 24
    Barebones SASS▲8

    Lightweight SASS boilerplate to kickstart your next project

    2016 · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →