Developer: Jumpzero

Current Version: 1.1

Last Updated: 4 years ago

Download Size: 1.5 MB - Download


Gradient streamlines the creation of CSS3 Gradients.

It is a simple yet powerful tool to help you get rid of the clumsiness of ALL vendor prefixes.

• Pick the perfect color with Gradient's custom picker (or use the standard Colors window)
• Adjust the value in RGB, HEX or HSL in the input pane
• Use shortcuts to speed up your workflow and make CSS gradient creation as fast as it possibly can be
• Choose between linear and radial gradients
• Set the direction for linear gradients or the center position for radial ones
• Fine tune the output to perfectly suit your needs and your coding style
• Choose between CSS ans SCSS (or Compass) output

And more time-saving features are already in the works, like:

★ Multi-step Gradients
★ More positioning options

Trust the experts:

"You won't find a web designer alive who doesn't cringe at the process of creating CSS3 gradients for the various modern browsers and Internet Explorer. It's incredibly tedious, but, thanks to Gradient, this task now takes seconds!" Jeffrey Way, NetTuts+

"Writing out gradients by hand with all the appropriate vendor prefixes is tedious, error prone, and a waste of time. For simple two color gradients (the majority of use cases) Gradient App is the perfect tool." Chris Coyier, CSS-Tricks


Release Notes:

★★★ SASS Support! ★★★

We finally added this new long-awaited output mode and you can choose it now from the Preferences pane.

Mind you, we're not talking about Compass only. It's the real deal:

• SCSS with our own custom mixin you can copy and use
• Compass optimized output


we know you're also still waiting for multi-step Gradients. Let's be clear: we promised, you'll have them.


Most Helpful Reviews

Version 1.1
Review by agenericguy

Never updated - I bought this app for the great design. Thats all its got going for it. Its been since 2012 ive been waiting on the multi step gradients. Just google ‘css gradient generator’ and youll have much better options.

Found helpful by 5 out of 5 people

More Reviews for Current Version

Version 1.1
Review by bolongobay

Doesn't work with retina display - On a retina display this app is pretty much useless.

Found helpful by 4 out of 4 people
Version 1.1
Review by jd'n'europe

Good start - Great start. I would love to be able to add more colors and choose where the color stops are. If those two things are added…

Found helpful by 4 out of 4 people
Version 1.1
Review by Daniel Haim

Please fix for Retina - This App is great, but it doesn’t work for Retina monitors.

Found helpful by 2 out of 2 people
Version 1.1
Review by sparanoid

The plans on their website never got updated. - The plans on their website never got updated. UPDATE: It's 2013 now, the fancy Gradient official website still tell you: Multi Step Gradients: HAPPENNING SOON. I've seen this pic 8 months ago. I'll never buy an app made by a designer.

Found helpful by 2 out of 2 people
Version 1.1
Review by nguyeness

Retina - Does not work properly on retina screens. Already submitted a couple issue tickets for the past month and no reply.

Found helpful by 1 out of 1 people