Web Gradients

Curated collection of 180 free fresh background gradients 🚀

#5 Product of the MonthFebruary 2017
+2

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.

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Dima Blover🔸
Maker
@dimablover · CEO at itmeo.com, UI /UX
Hello everyone! 👋 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 Big thanks to Kevin for featuring us here as always. Best, Dima Blover on behalf of itmeo team 😉
Ahmad Awais@mrahmadawais · Full Stack Dev— WordPress Core Developer
@dimablover @kwdinc Another awesome product you guys! I loved Phoenix-Startup.com and now this :)
Dima Blover🔸
Maker
@dimablover · CEO at itmeo.com, UI /UX
@mrahmadawais Thank you Ahmad! Glad to hear that)
Ahmad Awais@mrahmadawais · Full Stack Dev— WordPress Core Developer
@dimablover Any plans on the update of PStartup?
Alexander Isora
Maker
@alexanderisora · itmeo co-founder, CryptoHacker
@mrahmadawais @dimablover Hi Ahmad! We have great plans about Phoenix Startup. We've already collected tons of feedback with a lot of great suggestions. Currently we are working on them.
Guillaume Flandre@gflandre · 🛠 Software engineer ➕ 📸 Photographer
This is great for developers like me who love to do their own designs but sometimes lack inspiration. Always trying to find new color palettes, thanks!
Alexander Isora
Maker
@alexanderisora · itmeo co-founder, CryptoHacker
@gflandre Yap! I myself as a developer have already used WebGradients in my side projects for a dozen of times 😅
Kevin William David
Hunter
@kwdinc · Community @Siftery. No 1 Hunter on PH🥇
An ultimate gradients collection comes with ready to use Sketch and Photoshop files. WebGradients gives one-click access to CSS code making it a breeze to use the collection in your web project. As a bonus, you get high-quality PNG images of every gradients.
Dima Blover🔸
Maker
@dimablover · CEO at itmeo.com, UI /UX
@kwdinc Thanks for submiting Kevin!
Thomas Chrétien@tchret · user.headline
and it's free! 😢 thank you so much
Maxime Braud@mxbraud · Cofounder, Mangrove
@tchret So you like gradients now?
Thomas Chrétien@tchret · user.headline
@mxbraud today yes
Enzo Avigo@enzo_avigo · [Feel free to contact me to post on PH]
@mxbraud 😂
Thomas Chrétien@tchret · user.headline
@dimablover feature ideas: • categories • api • submit button • be able to switch between full-size view • sharable gradients
Dima Blover🔸
Maker
@dimablover · CEO at itmeo.com, UI /UX
@tchret Big thanks Thomas for this ideas. Wait for the next updates of project and maybe we will add some new great features.
Douglas Evaristo@douglasevaristo · Front End
Nice :)
Dima Blover🔸
Maker
@dimablover · CEO at itmeo.com, UI /UX
@douglasevaristo Wow. Thanks mate!