Web Gradients

Curated collection of 180 free fresh background gradients ๐Ÿš€

WebGradients is a free collection of 180 linear gradients that you can use as

content backdrops in any part of your website. Easy copy CSS3 crossbrowser code

and use it in a moment! We've also prepared a .PNG version of each gradient.

As a bonus, there are packs for Sketch & Photoshop.

Would you recommend this product?
41 Reviews5.0/5
Hello everyone! We're so happy to be nominated for Golden Kitty Awards Our team proudly presents WebGradients. It's an ultimate gradients collection for designers and developers. Enjoy! Interesting facts about WebGradients: 1) It's the only all-in-one gradients solution for all types of design works (web-design, graphic design, web-development) 2) The project took 83.2 hours of design work, 47.4 hours of coding 3) The UI was recreated from scratch 3 times Best, Dima Blover, founder at itmeo.com
Upvote (19)Share
This is probably the most convenient gradient picker I've ever seen on the web :)
@victorbasyul It's amazing to hear that )
Amazing idea and great UI. Thanx for that tool! Certainly gonna use in my projects ๐Ÿ’ฅ
@nikita_martynov Thanks for kind words. Glad to hear that ๐Ÿ‘

The super exciting thing is when someone curate something for EVERYone for free. Appreciate that a lot!


Super fantastic gradients in there! Love them all ๐Ÿ’ช


Doesn't figured them out yet

Awesome tool & awesome UI = awesome UX! What more could you want as a designer? ๐Ÿ˜
@deorocks Thank you man๐Ÿ‘