Alternatives to uiGradients
A community-contributed web collection of color gradients, each with CSS you can copy. The listings below can replace it for an important use case. Each note says what changes if you switch.
The original
uiGradients
A community-contributed web collection of color gradients, each with CSS you can copy.
Replacements
Listings that take over the same core job as uiGradients.
WebGradients
A free collection of 180 ready-made CSS gradients with a generator for building your own.
WebGradients offers 180 ready-made CSS gradients plus a generator and packs for Sketch, Photoshop and Figma, but its presets are simple two-color blends and the site shows ads.
CSS Gradient
A free web generator for linear and radial CSS gradient backgrounds, with ready-made examples.
CSS Gradient is a free generator for linear and radial gradients with a compatibility fallback, adding an editor alongside its library of example gradients rather than only a gallery.
Grabient
A web editor for building CSS linear gradients and copying the resulting code.
Grabient is a visual editor for CSS linear gradients with copyable code, letting you edit gradients instead of choosing from a fixed gallery, but only linear types.
Mesher
A free web tool from CSS Hero that creates mesh gradient backgrounds using only CSS.
Mesher is a free CSS Hero tool that creates mesh gradient backgrounds in pure CSS from your own or random colors, rather than offering a browsable collection.
Colorffy
A set of web tools for generating color palettes, shades, gradients and light or dark UI themes.
Colorffy offers curated gradients to browse plus gradient, palette and color mixer tools, with CSS export and light or dark UI theme generators.
Color Designer
A suite of web tools for building palettes, gradients, shades and converting color codes.
Color Designer is freemium with ads on the free tier and bundles a gradient builder with palette, shade and contrast tools in one website.
ColorZilla
Browser extension eyedropper, color picker and gradient generator.
ColorZilla is a free browser extension whose gradient generator sits alongside an eyedropper, so gradients are built in the browser rather than picked from a gallery.
ColorSpace
A web tool that generates matching color palettes and gradients from a single color.
ColorSpace generates gradients with up to three colors from a starting color, producing new combinations instead of a fixed community collection.
Similar software
Related functionality, not a direct replacement.
ColorMagic
A free AI color palette generator that builds palettes from keywords, images or hex codes.
Color Hunt
A curated web gallery of color palettes, updated daily, with a companion Chrome extension.
Coolors
Fast color palette generator for browsing and tweaking combinations.
ColorKit
A free collection of web tools for generating color palettes and gradients, plus palette inspiration.
Happy Hues
Curated color palettes shown applied live to an example website UI.
