Godrays and Animated Gradients in Framer!

Welcome to my tutorial where I guide you through adding beautiful godrays and gradient effects in Framer, using Rogies' Noise & Texture plugin in Figma. Perfect for both beginners and experienced designers, these techniques will give your projects a visually stunning edge.
In this video, you'll learn:
How to implement godrays effects step by step.
Integrating gradient effects using the plugin.
Tips for enhancing your designs with texture and noise.
Also, check out my Framer template which utilizes these techniques. It's a great example of how these effects can be applied in a real-world project.

[@Jhows]

Valeu, Mateus!

[@JoshuaRobertsCreates]

This actually unlocks a ton of possibilities for Framer designs, thank you for this

[@MateusRila-rx2cz]

You're welcome 😊

[@akbarbadsha25]

This is really great tip

[@km55en5ei]

Hey Mateus, I am having some optimization issues with the tag. Framer is suggesting to use a closing tag, but doing so breaks the effect. And keeping it the way it is actually decreases the loading speed significantly. Is there any workaround for this?

[@stevelauda]

“I don’t know how to pronounce his name” - the best moment of the video, so funny 😂

[@MateusRila-rx2cz]

hahahahah gotta be honest, right?

[@stevelauda]

@@MateusRila-rx2cz yeah, mate!

[@crelloc]

good

[@khacminhnguyen2350]

love it

[@nisharmultani2671]

Thanks bro

[@bhavchauhan2334]

how is your video recording so smooth?

[@MateusRila-rx2cz]

I use a software called Screen Studio for Mac, check it out :)