GradPad

Intuitively create beautiful gradients & export as CSS

get it

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**

Reviews

Rube's World
Oye Olalekan
Krishna Gopinaath
 +6 reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Martin Ollivere
Martin OllivereMaker@martinollivere · Product Designer
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 Apostu
Razvan Gabriel Apostu@razgraf · Founder @ConnSuite, Designer & Developer
@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
Martin OllivereMaker@martinollivere · Product Designer
@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
Daeshawn Ballard@imdaeshawn · Avid learner
Thank you for this.
Martin Ollivere
Martin OllivereMaker@martinollivere · Product Designer
@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.
Matt Scott Crum
Matt Scott Crum@mattscottcrum · Project Manager & Tech Adviser, UMCOM
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
Martin OllivereMaker@martinollivere · Product Designer
@mattscottcrum Fantastic! This is great to hear, thank you very much indeed. If you have any feedback please do let us know
Tregg
Tregg@treggify · Product Designer at JP Morgan Chase
Does this read as grād pād or grăd păd
Martin Ollivere
Martin OllivereMaker@martinollivere · Product Designer
@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
Tregg@treggify · Product Designer at JP Morgan Chase
@martinollivere Hahaha long a or short a?
Martin Ollivere
Martin OllivereMaker@martinollivere · Product Designer
@treggify both short a, it was short for gradient pad
Tregg
Tregg@treggify · Product Designer at JP Morgan Chase
@martinollivere I get you! Just asking because gradient is a long A, and pad is a short A.
Joshua Pinter@joshuapinter · Product at CNTRAL. Maker of ntwrk.
Absolutely love it. By far the best implementation I've seen. Great job.
Martin Ollivere
Martin OllivereMaker@martinollivere · Product Designer
@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