Gradient Magic
A gallery of unique CSS gradients you can browse and copy, with ready-to-use code for backgrounds, buttons, and hero sections.
No account needed · sign in to keep your taste everywhere
More like this
Pages that share Gradient Magic's themes. Or browse all of Art & Design.
CSS Gradient Generator
A free tool for building linear, radial, and conic CSS gradients with a live preview and one-click copy of the finished…
Color Picker
A clean, open source color picker that converts between OKLCH, HWB, HSL, HSV and RGB with live sliders and explanations…
Patternify
A CSS pattern generator where you paint a tiny pixel grid and instantly get a seamless repeating background, ready to pa…
SVG to ICO
A free converter that turns SVG images into ICO files directly in your browser with no upload, and can generate full fav…
Introducing ColorMe
A post introducing ColorMe, a tool that visualizes the CSS Color Function so you can see how color values behave as you…
Eggradients
A collection of ready-to-use gradient background colors served in the form of eggs, each with hex codes you can copy for…
Stumble onto more like this
One click takes you to a page you didn't know you were looking for. Rate it and the next one lands closer to your taste.
Add to Browser — it's freeWorks in Chrome, Edge and Brave. No account needed.