WebGradients

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

FreeProprietaryWeb

These buttons open the developer's own site, repository or store listing in a new tab. wares.gg does not host downloads.

About WebGradients

WebGradients offers 180 linear gradients meant as backgrounds for websites and interfaces. Each one shows its start and end colors and can be copied as cross-browser CSS with one click.

The site also includes a gradient generator for making custom gradients and a color palette tool that previews a color system on a sample landing page. Packs for Sketch, Photoshop and Figma are available, and the gradients are free for personal and commercial use.

Strengths

  • One-click copy of CSS gradient code
  • Includes a generator for custom gradients
  • Packs for Sketch, Photoshop and Figma

Limitations

  • Preset gradients are simple two-color linear blends
  • Site shows advertising

Details

Pricing
FreeFree for personal and commercial use; the site carries advertising.
License
Proprietary
Developer
Dima Braven (itmeo)
Platforms
Web
How it runs
Web application
Account
Not required
Best suited for
Web designers who need a ready-made gradient background quickly
Categories
Color tools
Last verified
Added
Provenance
Facts checked against the developer's own pages and store listings, 1 sources on file.

Alternatives to WebGradients

Compare all

Software that can replace WebGradients for an important use case, and what changes if you switch.

  • 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 necessarily a direct replacement.

  • ColorZilla

    Browser extension eyedropper, color picker and gradient generator.

  • 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.

  • ColorKit

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

    FreeProprietaryWeb

Report a wrong fact or a dead link on this listing