These buttons open the developer's own site, repository or store listing in a new tab. wares.gg does not host downloads.
About uiGradients
uiGradients is a website for browsing a collection of two-color and multi-color gradients that the community has contributed. Each gradient comes with its CSS, so you can copy it straight into a stylesheet instead of building the gradient by hand.
It suits web designers and front-end developers who want a ready-made background or header gradient. It is a gallery for choosing a gradient, not an editor for designing one from scratch.
Strengths
- Ready-to-use CSS for every gradient
- Community-contributed collection to browse
- Nothing to install
Limitations
- A gallery of fixed gradients rather than a gradient editor
- Little information on the site about how often new gradients are added
Details
- Pricing
- FreeFree to browse and copy gradients.
- License
- Proprietary
- Platforms
- Web
- How it runs
- Web application
- Best suited for
- Web designers who want a ready-made CSS gradient
- Categories
- Color tools
- Last verified
- Added
- Provenance
- Facts checked against the developer's own pages and store listings, 1 sources on file.
Alternatives to uiGradients
Compare allSoftware that can replace uiGradients for an important use case, and what changes if you switch.
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 necessarily 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.
