Animated Rainbow Button Component in Framer | Step-by-Step No-code Tutorial

[@nearshoring]

You are amazing, best framer channel on here...

[@tonjrv]

Thanks a lot mate! 🔥There's tons of more videos coming soon!

[@ProNoobDev]

oh man i remember when i first saw that effect on that website a year or two ago (?) went directly to webflow to make it and people loved it , now here i am trying to make it on framer thanks to you lol

[@tonjrv]

Hahah awesome to hear that mate! perhaps I should learn to do this in Webflow next 😁

[@simonasommma]

thank you for this tutorial! I've gotten up to creating the hover variant, but when I select the text layer and press 'bring to front', the layers move in the left panel but the text still remains hidden behind the ellipses. Do you know why this is?

[@נירפרץ-ע6ר]

Thanks ! How did you created the blurry lightning effect following your mouse cursor?

[@DrNikhilRavi]

Awesome

[@tonjrv]

Thanks Nikhil! 🔥

[@DrNikhilRavi]

Lets Rock 🤟@@tonjrv

[@adedoyinkassem6198]

Which website was used for the screenshot of this video? Popper-something… I like the typography!

[@tonjrv]

Check it out from here: www.poppr.be/en All the other examples you can find from the remix link in here: framer.com/projects/new?duplicate=1wIP8OzxQH18dk5I8xYr&via=tonjrv

[@davidschwan]

Nice!

[@tonjrv]

Thanks David! 🔥

[@DannyBlicher]

Hi. My hover is fine, but when i unhover, my button goes straight back to start, not going backwards. Any fixes on this?

[@tonjrv]

Hmm did you create a hover state for the variant, or did you create another variant for the button. If you did another variant make sure that the transition is not instant there. Not sure if this is the issue though. 🤔

[@LeleQen0197]

hello, can you guide me about the love days counting function in Framer?