shadergradient

A new way to make gradients alive.
Available on Framer and Figma.

Now available, create yours👇

[shadergradient @shadergradient]

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 🔗https://t.co/fq4sGbVtI0

[shadergradient @shadergradient]

[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.

[shadergradient @shadergradient]

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 🔗https://t.co/fq4sGbVtI0

[shadergradient @shadergradient]

[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!

[shadergradient @shadergradient]

[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!

[Jacky Mo @jackycymo]

Water waves shader gradient (powered by @shadergradient) to calm your mind during guided meditation

[Fred Moon 🚀 @fw3d]

New year, new portfolio!

Entirely made in @Framer without writing a single line of code.

Here's to 2025 ✨

[yongmin ruucm @ruucm]

a new external code editor setup in @framer for @shadergradient.

+ optimized well.
https://t.co/brOaaEIYQo

[shadergradient @shadergradient]

@Humanhair @smee_leee @ruucm Thanks for letting us know. We'll take a look!

[Ludovic Losco @ludoviclosco]

Log in / sign up page exploration.

Animated gradient by @shadergradient

Made with @framer

[shadergradient @shadergradient]

@Abmankendrick Thanks for the shoutout!

[Yadong Xie @yadong_xie]

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 https://t.co/rN1E9un2sl that our users absolutely love.

[shadergradient @shadergradient]

@NicholasRyanH @framer @figma @reactjs Not at the moment! For now, if you want to use it on Webflow, you can create Framer website with our Framer component, and them import it as embed - it's a hacky way but it works

[shadergradient @shadergradient]

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! https://t.co/zsGEoEchdQ

[shadergradient @shadergradient]

✨

[Ritwik @rtvux]

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

[shadergradient @shadergradient]

🎉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!

[shadergradient @shadergradient]

@cryptoKI_ @framer @figma @reactjs https://t.co/6jbvBODR4P

You can check here for the instructions :)

[Toni Järvinen @tonjrv]

Hue Animated Cards in @framer using @shadergradient 🌈

Tutorial link: https://t.co/ZH1gYKeBqk
Remix link: https://t.co/Dt3xnahdcD

[shadergradient @shadergradient]

@jimharedesign @framer @figma @reactjs Hi Jim. New Framer projects still work fine with our module URL. https://t.co/6JORYDYKmC

This is the test project URL: https://t.co/3RVSiltvIp

[Charles Patterson @CharlesPattson]

Start every website the right way — always

[shadergradient @shadergradient]

@HazardSmith3 @framer @figma @reactjs looks cool. will take a look.

thanks!

[shadergradient @shadergradient]

@Lezz_b_Free @framer @figma @reactjs we decreased bundle the main bundle size significantly but still need more optimization to handle multiple 3d gradients on the web.