Edit product


UI Gradients Styles for Sketch 2.0

A handy collection of fancy colour gradients for Sketch

Lightweight gradient library for your eye-candies.

  • 280+100 (new!) fine-tuned UI-friendly gradients
  • Available as Sketch styles
  • And as Sketch custom fills
  • Semantic naming for your pleasure
  • Works really well with Build with Sketch
  • Updated in Sketch 65.1+

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 a 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!

Based on https://github.com/JSBros/uigradients

8 ratings


UI Gradients Styles for Sketch 2.0

Enter your info to complete your purchase


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

Your purchase was successful!

We charged your card and sent you a receipt


    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad