Design Gradients

In plain words

Design Gradients is a free website offering a curated collection of gradients for use in any project. Designers have selected the gradients included on the site, making it a resource for anyone seeking ready-to-use color combinations. The tool is applicable across various design contexts and requires no payment to access or use.

written from the facts on this page · September 2026

From the sources

A free website for anyone looking for beautiful gradients for any project, curated by designers.

The free platform of 48 linear gradients curated by designers to use as content backgrounds in any piece of digital art.

• 
  Web Gradients2017 · webgradients.com · ▲906

  Curated collection of 180 free fresh background gradients 🚀

• 
  CSS Gradient2018 · cssgradient.io · ▲410

  A simple, colorful gradient generator

• 
  Gradient Backgrounds2018 · cssgradient.io · ▲348

  The best gradient sites in one place

• 
  100 Mesh Gradients2021 · ▲479

  Make your website beautiful with mesh gradients

• 
  Gradient Cards2018 · cssgears.com · ▲357

  A simple and beautiful list of editable gradients

• 
  Gradients for Sketch2017 · sliday.gumroad.com · ▲224

  Free UI gradients template with styles and fills

• 
  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 · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d 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

• LA
  Looptap – A minimal game to waste your time▲1,241

  Life & fun · 2022 · looptap.vasanthv.com

• 
  Fig▲956

  Autocomplete for the Terminal

  Dev tools · 2022 · fig.io

• 
  Copywriting Examples▲871

  The world's best copy. In one place.

  Growth · 2022 · marketingexamples.com

• 
  Web page that parses and explains the label on a bike tire▲631

  History: Last year I had to replace the tire on my bike, and I was surprised how difficult it was to find a suitable new tire. There were a lot of numbers written on the casing, so I googled what they meant. In the end I was successful, but I didn't want to do the same work again for the next bike after I've forgotten the details. So I wrote this website. Technically, the web page is kept very simple, no frameworks, no templates, no website builder. It uses HTML5, CSS and JavaScript, and it privides a responsive layout for mobile usage. I'm happy to receive feedback. If you have tried the…

  Life & fun · 2022 · fahrrad-tools.de

• 
  Startup Recipes▲626

  The ultimate MVP cheat sheet with 60+ startup formulas

  Dev tools · 2022 · mvprecipes.com

• 
  hagrid▲595

  No-code user-generated FAQ, for any webpage

  Dev tools · 2022 · magicstudio.com