Visual header + text pairing tool
Start new thread
Martin Ollivere

GradPad - Intuitively create beautiful gradients & export as CSS

by
Reflection
•

GradPad is designed to help designers and developers quickly and intuitively create beautiful gradients for their design projects which they can export as CSS. GradPad gives you full control over multiple colour and opacity stops as well as an inspiration gallery to get you started.

**Please note that touch devices are not currently supported**

Add a comment

Replies

Best
Martin Ollivere
Reflection
Maker
hello everybody, would love your thoughts and suggestions for our latest design/dev tool, GradPad, an intuitive gradient generator. We have thick skin so all comments welcomed...
Razvan Gabriel
@martinollivere from all the gradient web tools I've seen here on PH, this one looks like it is going to bring the biggest value to my design process when it comes to finding the best gradient fast for a project. Thank you for building it!
Martin Ollivere
Reflection
Maker
@razgraf thanks so much for this, this kind of feedback really gives us the motivation to keep making these tools. If you have any suggestions or comments whilst using it please let us know. Thanks again, really appreciate it.
Daeshawn Ballard
Company Discovery Bot
Thank you for this.
Martin Ollivere
Reflection
Maker
@imdaeshawn Hi Daeshawn, thanks so much for your comment, we're glad you find it useful. Any feedback whilst your using please do mail it over.
Tregg
Divinate
Does this read as grād pād or grăd păd
Martin Ollivere
Reflection
Maker
@treggify My ignorance of any language other than English has been exposed here, I hope that this name doesn't have another meaning on the continent...
Tregg
Divinate
@martinollivere Hahaha long a or short a?
Martin Ollivere
Reflection
Maker
@treggify both short a, it was short for gradient pad
Tregg
Divinate
@martinollivere I get you! Just asking because gradient is a long A, and pad is a short A.
Eric
This is awesome. also if you add the support for more than 2 colors, that would be very nice
Martin Ollivere
Reflection
Maker
@terterihei Hi there, I'm happy to say you can add as many colours as you like! Simply click above the bar in the centre bottom of the screen (your icon will turn into a plus icon when in the right area). The stops underneath the bar are for opacity and you can also add and edit as many of those as you like too.
Gökhan Taşkan

I will probably use it for every project.

Pros:

Ultra simple and fast

Cons:

I do not know

Matt Scott Crum
Rarely do stuff with gradients in general and literally had this need like yesterday/today. This is awesome and definitely allowed me to get *exactly* what I wanted! Thanks!
Martin Ollivere
Reflection
Maker
@mattscottcrum Fantastic! This is great to hear, thank you very much indeed. If you have any feedback please do let us know
Joshua Pinter
Absolutely love it. By far the best implementation I've seen. Great job.
Martin Ollivere
Reflection
Maker
@joshuapinter So glad to hear this Joshua as there are lots of tools out there, thank you so much for this. If you have any suggestions for improvements we're keen to hear them