Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Website

uiGradients

A free, open-source collection of handpicked gradients with ready CSS.

Visit uiGradients4.4

  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is uiGradients?

uiGradients is a free, community-made collection of handpicked colour gradients for websites, apps and graphics. Browse or filter by colour, rotate the direction, then copy the CSS code or download an image, and because the project is open source anyone can suggest new gradients.

Pros: what uiGradients does well

  • One-click CSS copy
  • Filter gradients by colour
  • Free and open source

Cons: where it falls short

  • Collection is rarely updated
  • Mostly simple two-colour gradients

Who uiGradients is for

Designers and developers who want a ready-made gradient for a page or graphic.

Who can skip it

Anyone who needs complex mesh gradients or full colour systems.

uiGradients alternatives

Not sold on uiGradients? These do a similar job, and each card says what it has in common.

All Brainstorming resources

Iconoir

Focus: icons, svg icons and ui design. Shares open source with uiGradients. Rated 4.6 (uiGradients: 4.4).

WebsiteFreeWeb
4.6Visit

css.gg

Focus: icons, svg and ui. Shares css with uiGradients. Rated 4.5 (uiGradients: 4.4).

WebsiteFreeWeb
4.5Visit

Free alternatives to uiGradients

Want to spend nothing? These free picks cover similar ground.

Open Peeps

Focus: illustrations, characters and cc0. Shares design resources with uiGradients. Rated 4.5 (uiGradients: 4.4).

WebsiteFreeWeb
4.5Visit

Storyset

Focus: illustrations, animations and svg. Shares design resources with uiGradients. Rated 4.5 (uiGradients: 4.4).

WebsiteFreeWeb
4.5Visit

TOOOLS.design

Focus: design tools, ui ux and directory. Shares design resources with uiGradients. Rated 4.5 (uiGradients: 4.4).

WebsiteFreeWeb
4.5Visit

UNCUT.wtf

Focus: fonts, typefaces and free fonts. Shares design resources with uiGradients. Same 4.4 rating.

WebsiteFreeWeb
4.4Visit

draw.io

Focus: diagrams, flowcharts and uml. Shares open source with uiGradients. A web app, not a website. Adds Windows, macOS and Linux. Rated 4.7 (uiGradients: 4.4).

Web AppFreeWeb, Windows
4.7Visit
Are you the maker of uiGradients?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.