Skip to content

uiGradients vs BrowserUtils

uiGradients is a handpicked collection of named two- and three-color gradients for designers and developers. You browse them full-screen and copy the CSS, and the collection is open source.

Quick comparison

FactuiGradientsBrowserUtils
Runs whereIn the browserIn the browser (1 tool needs a server and is labeled)
Sign-upNot neededNot needed
AdsNoneNo third-party ads (one small note per page about our own products)
PlatformWebWeb, works on mobile
Open sourceYesNo
PriceFreeFree
Tools1 tool (382 gradients)299

Checked

Where uiGradients is better

  • 382 handpicked, named gradients you can flip through with the arrow keys, for when you want a finished look rather than picking colors yourself.
  • Downloads any gradient as a JPG image ('Get .jpg'), handy for slides or social images where CSS doesn't apply.
  • The collection is open source (MIT): the gradient list is a JSON file on GitHub that anyone can add to with a pull request.

Where BrowserUtils is better

  • Build your own gradient: linear or radial, any angle, two to four color stops with adjustable positions.
  • A mesh gradient generator for multi-point blends that a simple linear gradient can't produce.
  • Matching color tools on the same site: a palette generator, a color converter and a palette extractor for uploaded images.

Tools on both

Try BrowserUtils, free.

299 tools. No sign-up. Almost all of them run entirely in your browser.

Browse all tools