A handy collection of fancy colour gradients for Sketch and Figma (NEW!)
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+
Or read a quick 'How-to' below.
How to gradient like crazy
Download UI Gradients Styles for Sketch and un-zip it. Simple.
Open uigradients.sketch in Sketch. No brainer.
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.
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!