p/shadergradient-1-0
Create beautiful moving gradients on Framer and Figma
seungmee lee
Shadergradient 1.0 — Create beautiful moving gradients on Framer and Figma
Featured
37
ShaderGradient is a design tool to create beautiful moving gradients. Make stunning visuals by adding natural movements and effects to the gradient. It's available on your favorite tools, like Framer, Figma, and React.
Replies
seungmee lee
Hi PH community 👋! Ruucm and Seungmee here, and we’re so excited to share ShaderGradient, a tool to create beautiful moving gradients for designers and developers! We launched our first Framer component in January 2023, and it has been a joy to see how people are using it for their designs in creative ways! With our official launch today, we’re sharing the complete suite of Framer, Figma, and React Component, and hoping to see more stunning works with ShaderGradient 😄 🎨  **Why we made ShaderGradient** This project started with pure curiosity - Ruucm, a developer, and I, a designer, both had an interest in designing a new way to create a gradient. In our initial discussions, we’ve talked about why gradient remains a center of design trends and is loved by everyone. We concluded that gradient is a way to augment natural lights and colors we encounter everywhere - a shadow from the window, hues of the sky that change by the time of the day, or the season of the year, and shimmers on waves. That’s where we started to explore how to unleash the spectrum of visual expression - by using ‘shaders’. We hope our tool can help everyone's creative visual explorations 🤩 ⚡️ **What makes ShaderGradient special** - **Unleash the boundary of visual expressions:** What you’re seeing as a gradient is part of a moving 3D object. Create stunning visuals by changing colors, shapes, movements, and effects like grain and reflections. - **Available on your favorite tools:** We’re on Framer, Figma, and React! Check links on the Product Hunt page or our website! - **Easiest way to create 3D interactions:** With Framer and React components, you can take one step forward and build interesting 'interactions'! 🚀 **What’s next?** Performance optimization, UX improvements, and more interesting shaders! Stay tuned, and let us know if there’s something you’re expecting from us! 😉 💌 **Let us know what you think!** When we started this project, we had no idea that we’d build a tool and launch it on Product Hunt. We could push it through thanks to all the interests and amazing works that the community has shared with us. We would love to hear your thoughts on how to polish our product and take it to the next level! Please feel free to share any feedback, questions, and suggestions by leaving a comment here, or via [Twitter](https://twitter.com/shadergradient) and [Instagram](https://instagram.com/shadergrad...) And if you made something with ShaderGradient, share it with us on Twitter! Your works will become an inspiration for others 😉
Graeme
@seungmee_lee massive congrats on the launch, big fan of your work! I wanna set a shader as my desktop bg 😍 can't believe it's for react too, gonna give that a go
seungmee lee
@graeme_fulton Yay thanks for your continuous support Graeme! Please give it a go and let us know how it went!!
Millin Gabani
Looks amazing on desktop.Will be testing it out for my new landing page. Note to makers: it lagged quite a bit on mobile
seungmee lee
@trillhouse Thanks! We'll take a look!
Younghwi Cho
Wow this is such a stunning gradient maker!!! This is gonna upgrade my bg effect :D
seungmee lee
@andrew_cho Haha glad to hear that, please share with us when you upgrade it ;)
Younghwi Cho
@seungmee_lee I just followed your Twitter. Your Handzplay is so stunning too. Why don't you introduce it on PH?
Madhuri
Beautiful figma plug-in! Thank you for this 🥳
seungmee lee
@iruhdam24 Thanks for your support, Madhuri!!
Nicolò Sodano
Crazy tool! Excellent work
Yongmin
@nicolosodano Thank you Nicolò Sodano!
Gustav Ekerot
Slick! beautiful stuff guys, I love the origin of the project, it really shows you put a lot of creativity into this. The react component is such a nice addition as well, can't wait to see more!
seungmee lee
@gustav_ekerot Thanks Gustav! I really appreciate your thoughtful comment. We'll continue to bring exciting stuff so stay tuned!
Tarun Paliwal
Best of luck, Seungmee & ShaderGradient Team. Congratulations on your Launch 🚀!
seungmee lee
@tarunpaliwal Thanks a lot!!!
Bon
Congrats on the launch! This is really cool! I'm going to give it a try! And I really like the logo of Shadergradient!
Nandi Muzsik
Amazing work! Love Shadergradient!
seungmee lee
@nandimuzsik Thanks for your support, and for introducing ShaderGradient to more people via Framer University!
Ali Osman Alpagu
Solves a great need. Congrats on the launch 🚀
seungmee lee
@ali_osman_alpagu Glad to hear that! Thanks 👍👍
Maciej Czajkowski
Why did you decide to pick literary Framer and Figma together in your title?
Yongmin
@mac_czaj umm it supports both tools! Do you think it would be better if we chose one in the title?
Maciej Czajkowski
@yongmin I didn't say that. I was just wondering why did you choose those two and some other?
Yongmin
@mac_czaj ah Figma is the most popular design tool, and Framer is quite powerful and code-friendly. you can make a direct website with this gradient in Framer.
Wenddy Dias
Amazing! Congrats and best of luck!
Yongmin
@wenddy_dias1 Thank you Wenddy!
Mary Jane Ng.
Congrats team on the launch!
Yongmin
@mj_ng Thanks! Mary.
Johan Steneros
Pretty cool. Nice one.
seungmee lee
@jsteneros Thanks!!
Dr. Horst Wiedner
Looks nice, have to try it. I like gradients.
seungmee lee
@dr_horst_wiedner Thanks, hope you enjoy it!