UI Kit Gradients Styles for Sketch

UI Kit Gradients Styles for Sketch

A handy collection of fancy colour gradients for Sketch

Distributed on 'Pay what you want' basis.

  • 280+ fine-tuned gradients
  • Gradients available as Sketch styles...
  • And as Sketch custom fills
  • Semantic naming for your pleasure
  • Works really well with Build with Sketch

Watch this 'How-to' video to see it in action »

Or read a quick 'How-to' below.

How to gradient like crazy

Step 1

Download UI Gradients Styles for Sketch and un-zip it. Simple.

Step 2

Open uigradients.sketch in Sketch. No brainer.

Step 3

Save it as a template so you could enjoy styles and custom gradients in your mockups.

Go to File 〉Save Template... as and save it as uigradients. Easy.

Step 4

Create new Sketch file with all awesome 280+ UI gradients embedded.

Go to File 〉New from Template... 〉uigradients

All done. Now you can apply the styles or choose from the custom fills. 

Gradient away & spread the word!