Tints and Shades

What it does

The Tints and Shades plugin is a personal project. It is the easiest way to generate lighter and darker variations of any colour. Perfect for states or to add to your design system.

• 
  Tint & Shade Generator2019 · maketintsandshades.com · ▲117

  Precise tints and shades from any color in 10% increments.

• 
  Tint & Shade Generator 2.02020 · maketintsandshades.com · ▲128

  Precise tints and shades from any color in 10% increments.

• 
  Darker2021 · darker.vercel.app · ▲80

  Generate color tints & shades

• 
  Tinter2021 · ▲147

  Generate color variations of images

• 
  Color Shades & Tints Generator2025 · figma.com · ▲8

  Quickly generate color shades & tints in Figma.

• 
  Color System Plugin for Sketch2019 · ▲179

  Light and dark mode directly in your design with one click

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 25d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 19d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 13d ago · readrare.com

• 
  Bento▲1,372

  A link in bio, but rich and beautiful

  Dev tools · 2023 · linktr.ee

• 
  Jitter 1.0▲1,020

  A fast and simple animation tool on the web 💫

  Work · 2023 · jitter.video

• 
  Twinr 2.0▲962

  Convert any website to mobile apps in minutes

  Dev tools · 2023 · twinr.dev

• 
  Decktopus AI▲868

  Your on-demand presentation generator

  AI · 2023 · decktopus.com

• 
  Aaply▲812

  Make your mobile app happen

  Dev tools · 2023 · aaply.app

• 
  Scalenut▲783

  AI that powers your entire content lifecycle

  AI · 2023 · scalenut.com