Alternatives to WebGradients

A free collection of 180 ready-made CSS gradients with a generator for building your own. The listings below can replace it for an important use case. Each note says what changes if you switch.

  • WebGradients

    A free collection of 180 ready-made CSS gradients with a generator for building your own.

    FreeProprietaryWeb

Replacements

Listings that take over the same core job as WebGradients.

  • uiGradients

    A community-contributed web collection of color gradients, each with CSS you can copy.

    FreeProprietaryWeb

    uiGradients is a community-contributed gallery with copyable CSS for each gradient, but it has no gradient editor and no packs for Sketch, Photoshop or Figma.

  • CSS Gradient

    A free web generator for linear and radial CSS gradient backgrounds, with ready-made examples.

    FreeProprietaryWeb

    CSS Gradient focuses on a generator for linear and radial gradients with multiple color stops and a compatibility fallback, plus a library of example gradients.

  • Grabient

    A web editor for building CSS linear gradients and copying the resulting code.

    FreeProprietaryWeb

    Grabient is a visual editor for CSS linear gradients that copies ready-to-use code, without a preset collection or design tool packs.

  • Mesher

    A free web tool from CSS Hero that creates mesh gradient backgrounds using only CSS.

    FreeProprietaryWeb

    Mesher from CSS Hero creates mesh gradient backgrounds in pure CSS with random color generation, instead of simple two-color linear blends.

  • Colorffy

    A set of web tools for generating color palettes, shades, gradients and light or dark UI themes.

    FreeProprietaryWeb

    Colorffy includes a gradient generator and curated gradients alongside palette, color mixer and light or dark UI theme tools, exporting CSS color schemes.

Similar software

Related functionality, not a direct replacement.

  • ColorZilla

    Browser extension eyedropper, color picker and gradient generator.

    FreeProprietaryBrowser extension

  • ColorSpace

    A web tool that generates matching color palettes and gradients from a single color.

    FreeProprietaryWeb

  • ColorMagic

    A free AI color palette generator that builds palettes from keywords, images or hex codes.

    FreeProprietaryWeb

  • Color Designer

    A suite of web tools for building palettes, gradients, shades and converting color codes.

    FreemiumProprietaryWeb

  • Color Hunt

    A curated web gallery of color palettes, updated daily, with a companion Chrome extension.

    FreeProprietaryWebBrowser extension

  • ColorKit

    A free collection of web tools for generating color palettes and gradients, plus palette inspiration.

    FreeProprietaryWeb