CSS Gradient Generator

What it does

Generate beautiful CSS gradients instantly. Pick colors, adjust angle, add stops - get clean CSS code for linear, radial, and conic gradients. Free, no login.

Create beautiful CSS gradient backgrounds in seconds. Pick your colors, choose a gradient type, drag the color stops, and copy the generated CSS directly into your project — no account, no installs, completely free. A CSS gradient is a smooth transition between two or more colors, generated entirely by the browser using CSS — no image file needed. Gradients are part of the CSS <image> data type, which means you can use them anywhere a background image is accepted. The main advantage over image-based backgrounds is performance. A CSS gradient is a few bytes of code, it scales perfectly at any resolution, and it never makes an HTTP request. That makes pages faster and gives designs a crisper…from hsarticle.com

• 
  CSS Gradient Generator2024 · cssgradientgenerator.com · ▲237

  Generate and make beautiful colors

• 
  CSS Color Gradient Generator2020 · mybrandnewlogo.com · ▲208

  A novel and easy way to design beautiful color gradients.

• 
  CSS Gradient2018 · cssgradient.io · ▲410

  A simple, colorful gradient generator

• 
  Gradient Generator2021 · learnui.design · ▲78

  Create perceptually smooth gradients of all types

• 
  Gradient Generator v22024 · learnui.design · ▲110

  Create gorgeous gradients in 8 color spaces

• 
  Blend2015 · colinkeany.com · ▲263

  Generate simple and beautiful CSS3 gradients

• 
  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 · 12d ago · readrare.com

• 
  Fundraisly▲1,537

  AI fundraising agent that finds investors and books meetings

  AI · Jun 2026 · fundraisly.com

• 
  Homebrew 6.0.0▲1,481

  Today, I’m proud to announce Homebrew 6.0.0. The most significant changes since 5.1.0 are a new tap trust security mechanism, the new faster, smaller, default internal Homebrew JSON API, sandboxing on Linux, better defaults informed by our user survey, many brew bundle improvements, improved performance and initial support for macOS 27 (Golden Gate). Happy to discuss any questions here!

  Dev tools · Jun 2026 · brew.sh

• 
  Performative-UI – A react component library of design tropes▲1,181

  Hi HN! I was super frustrated at apps like tiktok and wechat preventing me from saving or downloading the animated gifs, so I made a little tool to turn a screen recording into a slack-sized emoji. Hope you get some value from this!

  Life & fun · Jun 2026 · vorpus.github.io

• 
  Upstream▲976

  The inbox designed for humans and agents

  AI · Jun 2026 · upstream.do

• 
  Goldfish▲958

  Press Option. It knows your work and replies like you

  AI · Jun 2026 · goldfish.sh

• 
  I made Google Trends for Hacker News by indexing 18 years of comments▲822

  Search 18 years of Hacker News and chart how any topic, tool, or person trended. Overlay terms to compare their rise and fall across 45M posts and comments.

  Life & fun · Jun 2026 · hackernewstrends.com