Gradients for Sketch

Free UI gradients template with styles and fills

get it
#4 Product of the DayOctober 30, 2017

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

Around the web


 +1 review


You need to become a Contributor to join the discussion - Find out how.
Alexander Isora 🔥@alexanderisora · Co-founder @ Trader0x
Wonder how far the gradients fever will go 🤔 More than 5 gradients products have been launched since the release of WebGradients.
Stas KuleshMaker@stas_kulesh · Creative Director @
@alexanderisora I think it will end in early 2018.
kydy@kydyzyx · Curious tech soul
@alexanderisora Hmm I agree, almost everyone seems to be using gradients these days! But it is quite catchy! I honestly don't think it will die down anytime soon hahaaa...
Abinash Mohanty@abinashmohanty · Product Design Manager @Turtlemint
@alexanderisora Well, I don't think gradients will end by 2018, in fact this is one of the design trends that's IN. Also, it depends on the designers how they make these gradient styles unique; something that will stand out from the rest. Isn't it!
Nina Cvijovic@nina_cvijovic · UX Design & Content @ Etools
This is great! And most of all it's a very large collection. I really wished you launched a week ago when I was trying different gradients for my new UX project in Sketch :D. Then I used but it took more time as I had to copy past the color codes. I will use this definitively for my next project!
Akshay Kadam(A2K)@deadcoder0904 · Maker of all things JavaScript 😘
Thanks, awesome product. But how to make them available in Gradient Colors if I am in another Sketch file. I did follow the Medium article, but I only get all gradients available in the uigradients.sketch file. I tried File -> Template -> uigradients but it opens it up as a separate sketch file. Can u help ?
Stas KuleshMaker@stas_kulesh · Creative Director @
@deadcoder0904 I think, if you copy and paste ‘uigradients’ page from the template into your file, the styles will appear. Not sure if the fills will be copied that way. Ta
Akshay Kadam(A2K)@deadcoder0904 · Maker of all things JavaScript 😘
@stas_kulesh I thought it will appear in Document Colors like in the video
Stas KuleshMaker@stas_kulesh · Creative Director @
@deadcoder0904 those are properties of the document. I’ll have a look later, but I’m not sure they are transferable, hence the template. Alternatively, you could copy and paste your pages into the new doc created from uigradients template 😄 Sorted!
Akshay Kadam(A2K)@deadcoder0904 · Maker of all things JavaScript 😘
@stas_kulesh Yep Ik that...Anyways I guess this must be a feature on Sketch Side or a plugin. Thanks anyways. I always love gradients as I'm not much of a designer.