Web Gradients

Curated collection of 180 free fresh background gradients 🚀

get it

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.

Around the web
  • Pros: 

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



    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.

    ✨ has used this product for one month.
  • Denis Dinkevich
    Denis DinkevichTalent Enthusiast | Technology Geek

    Super fantastic gradients in there! Love them all 💪


    Doesn't figured them out yet

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

    Denis Dinkevich has used this product for one week.
You need to become a Contributor to join the discussion.
Dima Blover💎
Dima Blover💎Maker@dimablover · Founder & Designer at itmeo.com
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
Victor V. Basyul
Victor V. Basyul@victorbasyul
This is probably the most convenient gradient picker I've ever seen on the web :)
Dima Blover💎
Dima Blover💎Maker@dimablover · Founder & Designer at itmeo.com
@victorbasyul It's amazing to hear that )
Nikita Martynov
Nikita Martynov@nikita_martynov · Product Manager @PandaDoc
Amazing idea and great UI. Thanx for that tool! Certainly gonna use in my projects 💥
Dima Blover💎
Dima Blover💎Maker@dimablover · Founder & Designer at itmeo.com
@nikita_martynov Thanks for kind words. Glad to hear that 👍
Diego Abades
Diego Abades@deorocks · UX / UI Designer @ Ebolution
Awesome tool & awesome UI = awesome UX! What more could you want as a designer? 😍
Dima Blover💎
Dima Blover💎Maker@dimablover · Founder & Designer at itmeo.com
@deorocks Thank you man👍
Alexey Chernikov
Alexey Chernikov@alex_chernikov · CEO at Twopeople Software
Very useful tool for every designer! Wish you good luck in competing for a golden kitty! 😼
Alexander Isora 🦄
Alexander Isora 🦄Maker@alexanderisora · Founder @ Unicorn Platform.
@alex_chernikov thanks a lot, Alexey! 💪🙂👍