Web Gradients
p/web-gradients
Curated collection of 180 free fresh background gradients 🚀
Golden Kitty Awards
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.

Replies
Dima Braven
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
Alex Chernikov
Very useful tool for every designer! Wish you good luck in competing for a golden kitty! 😼
Alexander Isora 🦄
@alex_chernikov thanks a lot, Alexey! 💪🙂👍
Andrey Drobitko
Congrats! Super useful tool for all web disigners!
Dima Braven
@adno thanks Andrey ⚡
Ekaterina Kostomarova
Good luck!
Dima Braven
@cherrywins Thanks ⚡
Yuriy Kovalev

In my bookmarks since release

Pros:

Wonderful set of gradients

Cons:

None

Victor Basyul
This is probably the most convenient gradient picker I've ever seen on the web :)
Dima Braven
@victorbasyul It's amazing to hear that )
Denis Dinkevich

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

Pros:

Super fantastic gradients in there! Love them all 💪

Cons:

Doesn't figured them out yet

Denis Dinkevich
Great news, guys!!! Happy to see you've been nominated. Best of luck 🤩
Alexander Isora 🦄
@diskevich Thanks a lot, Denis 💪
Diego Abades
Awesome tool & awesome UI = awesome UX! What more could you want as a designer? 😍
Dima Braven
@deorocks Thank you man👍
Mikita Martynau

Will add to my toolkit

Pros:

Handy UX, beautiful selected set of gradients

Cons:

Ads, but thats fine actually

Mikita Martynau
Amazing idea and great UI. Thanx for that tool! Certainly gonna use in my projects 💥
Dima Braven
@nikita_martynov Thanks for kind words. Glad to hear that 👍
Valentyn Pivovarov
Awesome! Simply the best
Trojan

I love the fact that I can copy the css code or the png of the gradient

Pros:

Great tool gonna make my life easy

Cons:

No Cons

Егор Наркизов

by bitcoin

Pros:

Best of the best

Cons:

none

Yasemin Gültekin

I always use in my design process, love the product.

Pros:

so many options, all beautiful

Cons:

none

Илья Соколовский

The super exciting thing

Pros:

Super fantastic gradients

Cons:

Doesn't figured them out yet

Tatiana  Ovchinnikova

Effective tool

Pros:

Great set of gradients

Cons:

None

✨

In addition to the pros listed above, the overall website looks beautiful and is easy to use. Another feature is the easy one click copy and paste CSS code which I personally use a lot in my projects.

Pros:

Beautiful collection of gradients, provides a Sketch and Photoshop file of all gradients as well the ability to download individual PNGs.

Cons:

None