Gradienta

This tool is really fascinating and I know how hard it is to generate beautiful gradient for website.

Hello ProductHunt! I am too much excited that it has been featured on PH. The idea is not very unique. As a designer, i know how blend mode works, i use blend modes a lot in my designs. So when i saw the raise of CSS gradients, i thought, i should create a collection also. But later i thought that, why should i reinvent the wheel? Then i thought i can make multi stop gradients instead of 2 or 3 color stops gradient. Later, I experiemented a lot and find that I can use blend modes, CSS supports blend modes well. This is the main story of how Gradienta born. Since this is a free to use collection, I decided to make it open source, under MIT license. Anyone can use these CSS codes in their personal and commercial projects. The real problem was, how do designers and other internet users will use them since it's CSS code! Then we decided to think something differently. We made a conversion tool that converts CSS to JPG, PNG and SVG. The browser actually takes a screenshot with your preferred dimension. This way, you can download images in different ratio and pixel sizes. The website has been developed and all of the creative functions/algorithms by @zonayedpca. I just designed the website interface and of course, all the CSS gradients. All credit goes to the Almighty Allah. We have some future plans to make it more useful and friendly to our fellow designers and developers. There will be a advanced gradient editor, a user submission system so people can use, alter and submit gradients. Having said that, we need your support and feedback to make it more usefull. Thanks in advance for checking Gradienta!

Looks great!