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.

Recommendations

Ethan- 👨‍💻👨‍🎤 Making KanbanMail & Code The Web

How else would I find awesome Gradients? ;)
This is a design tool that I could not live without (and it is beautiful just to scroll through)

Around the web

The Next Web

Creating a well-designed site, product, or project usually isn't cheap. You know you want to make something that looks good - but how do you do it if you're working with a limited budget? While there's no substitute for hiring a great designer, there are ways to build something beautiful without spending thousands of dollars ...

Webdesigner Depot

From new tools to code snippets to typefaces that will make your design life better, this month's design newbies are a lot of fun to play around with. Our favorites include a task management app that's free, a new website builder that is incredibly easy to use and a tool that can help you clean up all those old forks on GitHub.

Creative Bloq

This month we have two great tools to make animations easier, a few learning resources and some interesting ways to find new opportunities and meet new contacts. Lottie is a tool built by Airbnb that enables you to add high-quality animation to to native apps.

This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter or follow us on Twitter for some more amazing design articles, resources and freebies. ...and finally...

Beautiful buttons with hover animations

Free UI gradients template with styles and fills

A set of 280+ hand-picked gradients packed into the comprehensive and well-organised Sketch template.

Around the web

Medium

Distributed on 'Pay what you want' basis. 280+ fine-tuned gradients Semantic naming (use Runner plugin to seek your gradients) Gradients available as Sketch styles... And as Sketch custom fills. Watch this 'How-to' video to see it in action " Or read a quick 'How-to' below.