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 🔗shadergradient.co/updates

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

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

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

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

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

New year, new portfolio! Entirely made in @Framer without writing a single line of code. Here's to 2025 ✨

a new external code editor setup in @framer for @shadergradient. + optimized well. shadergradient-v2.framer.website

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

Log in / sign up page exploration. Animated gradient by @shadergradient Made with @framer

@Abmankendrick Thanks for the shoutout!

UI/UX Designers, I recently found a new website for creating beautiful moving gradients. Website → shadergradient.co ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma.

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.

@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 @framer @figma @reactjs By any chance are you eyeing a Webflow version at all for this?

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/shadergr…

✨

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

@cryptoKI_ @framer @figma @reactjs github.com/ruucm/shadergr… You can check here for the instructions :)

@shadergradient @framer @figma @reactjs Can anyone guide me on how to use this in react js

Hue Animated Cards in @framer using @shadergradient 🌈 Tutorial link: youtu.be/KR98347FvmE Remix link: animatedcards.framer.website

@jimharedesign @framer @figma @reactjs Hi Jim. New Framer projects still work fine with our module URL. framer.com/m/ShaderGradie… This is the test project URL: framer.com/projects/Untit…

@shadergradient @framer @figma @reactjs Hey team Shadergradient! Framer version broken since this week. (Just try creating a new project and pasting the link to the module... there's now an error). Any idea how to fix it? Thanks so much in advance!

Start every website the right way — always

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

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

@shadergradient @framer @figma @reactjs Did you benchmark/performance test these, and if so, care to share the results? It obviously rocks, but the question is always relevant, unfortunately?