A new way to make gradients alive. Available on Framer and Figma. Now available, create yours👇

Joined November 2022
We’ve been heads down this year, polishing ShaderGradient! - 60% smaller package + new lazy-load for better performance - New Figma plugin with ✨loop✨ for infinite moving gradient, and more UX improvements! For more details 🔗shadergradient.co/updates
3
1
1
7
1,728
[More updates on Framer plugin and web] Now Framer plugin is updated to use our latest, lightest component! Also we've refreshed our websites with new landing page and more features on the web playground.
188
[Brand-new Figma plugin] We finally added ✨loop✨ support for infinite gradients on your @Figma canvas (or Slides and Buzz) or download them. You’ll also find several UX upgrades, like easy view control to change angle or zoom easily, and many more!
155
[Performance] We know it was the biggest issue when using ShaderGradient on the web. We focused on improving it - the package size is now 60% smaller 🔥. We also added lazy load to offload the gradient when it’s not visible. If you use our @Framer component, Make sure to update!
159
shadergradient retweeted
Water waves shader gradient (powered by @shadergradient) to calm your mind during guided meditation
1
1
3
645
shadergradient retweeted
New year, new portfolio! Entirely made in @Framer without writing a single line of code. Here's to 2025 ✨
21
9
3
200
11,481
shadergradient retweeted
a new external code editor setup in @framer for @shadergradient. + optimized well. shadergradient-v2.framer.web…
1
1
5
912
shadergradient retweeted
Log in / sign up page exploration. Animated gradient by @shadergradient Made with @framer
9
3
1
131
6,691
shadergradient retweeted
Big shoutout to @aceternitylabs and @shadergradient for their incredible open-source UI library! 🌟 Thanks to your amazing work, we've built a stunning website over at elmo.chat that our users absolutely love.
3
7
31
4,758
✨
Using @shadergradient quite often these days. I think it's a beautiful plugin for animated gradients Implemented this on @webflow with some modelling on @splinetool X will ruin the quality but the output is quite good
1,086
🎉What a year for ShaderGradient! Launched Jan 1, 2023, we've continuously updated it thanks to your support and creations - big thanks! We're a small team, but steadily making progress and are excited to bring more in 2024. Anything you'd love to see from us? Let us know!
1
8
1,075
shadergradient retweeted
Hue Animated Cards in @framer using @shadergradient 🌈 Tutorial link: youtu.be/KR98347FvmE Remix link: animatedcards.framer.website…
4
2
43
3,085
Start every website the right way — always
11
18
332
64,339
We’re back with an exciting news! Tomorrow (Sep 15th 12:01 PDT), we’ll officially launch ShaderGradient 1.0 — the full suite of Framer component, Figma plugin, and React package. We'll be on Product Hunt as well 🚀 — help us spread the news by retweets and upvotes on PH tmrw!
7
6
3
74
10,876
Shadergradient 1.0 — the complete suite of @framer component, @figma plugin, and @reactjs package is now available! You can find the link on our website, or our Product Hunt page. Find us on PH and support us with retweets and upvotes! producthunt.com/posts/shader…
11
21
3
144
13,720
shadergradient retweeted
Replying to @framer
@framer explorations: Hue Animated Info Cards. 🌈 Try it out and let me know what you think! Free remix at the live site: huecards.framer.website/
6
8
1
93
5,560
Yeni @framer template projem: Fin
5
2
44
7,926
⭐️ Faire de magnifiques dégradés ne va jamais devenir aussi simple qu'avec @shadergradient shadergradient.co/ Et TOUT le site est fait sur @framer 🤯
2
4
77
4,363
shadergradient retweeted
Playing around with @shadergradient to create time-killing interaction. Just feels good to move a cursor and zone out 😂sketches.framer.website/02co…
3
23
1,354