The Making of gradient.style

September 9, 2025

Hand-drawn diagram illustrating linear and radial gradients with labeled elements such as color stops, positions, hints, start and end points, and size indicators.

Found these pics in a drawer and thought it’d be fun to share the journey of creating a CSS spec compliant gradient generator in 2023.gradient.styleA CSS5 HDR color enabling gradient toolCan even visualize effects using shorthands and DX tricks.

Source: The Making of gradient.style · 27 August 2025

Adam Argyle has just launched a beautiful, delightful, and powerful Gradient Editor that gives us access to all kinds of fantastic new CSS features.
Things have come a very long way since I developed a gradient editor, about 15 (or closer now to 20) years ago when gradients were first added to CSS. If you’d like to have a look at what this sort of thing looked like in about 2007, then here it still is in all its glory.
Here Adem gives us some insight into the process of developing this editor.