Shades SCSS

What it does

ShadesSCSS is a light weight, very easy to use Sass boilerplate. All you have to do is set basic values for configuration and compile to create a new theme. ShadesSCSS doesnt get in your way. It gives you just enough to get going and leaves you to go crazy with your designs 🕺

You are using an outdated browser. Please upgrade your browser to improve your experience and security. Shades is built primarily with Sass. Sass helps extend CSS by making available, useful programming concepts that helps build scalable, modular CSS designs. Grunt is a Javascript based task runner and an essential part of Shades. Its used to carry out several pre-processing and post-processing tasks on important files. If you have no interest in setting up and configuring shades, you may just include the default Shades css and use as is. Its light weight (approximately 42kb), has a lot to get you going and at thesame time doesnt get in your way. <link rel="stylesheet"…from ojanti.github.io

• 
  Shorthand CSS2020 · shorthandcss.com · ▲169

  Feature rich CSS framework for the new decade

• 
  Pattern.css2020 · github.com · ▲197

  CSS library to fill empty background with beautiful patterns

• MB
  my boilerplate CSS code for new designs, written in Less.2011 · mgeraci.github.com · ▲108
• 
  Family.scss – a set of 20 smart SASS mixins2016 · lukyvj.github.io · ▲88
• 
  Darker2021 · darker.vercel.app · ▲80

  Generate color tints & shades

• 
  HueWind2022 · huewind.jordantwells.com · ▲80

  A opinionated, cohesive palette generator for Tailwind CSS

• 
  Run full iOS 16.5 firmware on Android Devices▲517

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 5d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 30d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 25d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Buy Me a Coffee▲1,411

  A simple, meaningful way to fund your creativity.

  Growth · 2018 · buymeacoffee.com

• 
  Robinhood Crypto▲1,208

  Zero-fee cryptocurrency trading from Robinhood 💸

  Commerce · 2018

• 
  Launchaco 2.0 🦄▲1,113

  Simple landing pages for your startup

  Dev tools · 2018

• 
  Indie Hackers Community▲1,095

  Work together to build profitable businesses & side projects

  Work · 2018 · indiehackers.com

• 
  Typeform 2.0▲793

  Build beautiful conversational forms, surveys and more

  Life & fun · 2018 · typeform.com

• 
  Resume.io▲731

  Build your job-winning resume in minutes

  Work · 2018 · resume.io