You know how gradients are trendy, but adding a slight noise filter or grain to them is even trendier? Well now you don't have to crack open photoshop to get that effect with your own colors. Just go to noiseandgradient.com!
Hey this is exactly what I was looking for!! But one quick question, it seems like it's based on code, and is there a way I can create a gradient and bring it into my react code? Or are you planning to develop this type of function in a near future?
@seungmee_lee Hi! It IS based on code - a combination of GLSL shaders and plain old HTML5 canvas. Right now i'm trying to figure out the best way to let people embed versions of this based on what the use cases are. definitely open to any insights you have there!
@clarabellum Cool! I'm personally working on my side-project to develop a web/app with some cool interactions, and I was trying to find a way to use noise gradient as a part of interaction and animation. It might be different from your future roadmap for this product, but I thought it'd be cool if it's like an interactive component :)
@clarabellum By any chance, is there any post or git about how you made this work?
Report
This is really cool! I check it out and loved it!🔥
Congratulations on the launch!👏
Just one question, right now only 1 size is available, are you planning to make the dimensions customizable?
@juilee_mahimkar Hi! I actually just launched the Pro version yesterday -- With the pro version you can export images up to 4000x4000 pixels! Definitely check it out -- https://www.noiseandgradient.com...
Report
@clarabellum Thank you Clara!
Checked it out! Works great! ✨
Shadergradient 1.0
Shadergradient 1.0
Noise and Gradient
Shadergradient 1.0
Shadergradient 1.0
Noise and Gradient
Noise and Gradient
Osaurus
Noise and Gradient