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


 +6 reviews


You need to become a Contributor to join the discussion - Find out how.
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@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 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@imdaeshawn · Avid learner
Thank you for this.
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@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 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@treggify · Designer
Does this read as grād pād or grăd păd
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@treggify · Designer
@martinollivere Hahaha long a or short a?
Martin OllivereMaker@martinollivere · Product Designer
@treggify both short a, it was short for gradient pad
Tregg@treggify · Designer
@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 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