DEV Community

Cover image for Animation React - Bem-te-vi
Gustavo Scarpim
Gustavo Scarpim

Posted on

Animation React - Bem-te-vi

Today I'm bringing another animation made with GSAP / React, you can see in my github all the code.

This animation is for those who like the bird "Bem-te-vi", if you have ideas for improvements, the code is open, I'll be happy to receive your PR.

When accessing the site, I recommend opening the sound.

Hope you like it:

Gustavo Scarpim

See the complete code here on GitHub Click here

Check out the Project in action Deploy

Thanks for reading.

Discussion (5)

Collapse
lukeshiru profile image
LUKESHIRU • Edited

Cute demo! 1 thing you could do to improve this is to make the animation using CSS only, and if you need to control something from JS, just use CSS custom properties and set those values from JS. If you're curious on how to do that, I can try to replicate your demo with HTML and CSS to show you :)

Cheers!

Collapse
guscarpim profile image
Gustavo Scarpim Author

It would be great, I'm going deeper now into animations, every tip is welcome.

Collapse
nelsonealves profile image
Nelson Alves

Good job, Gustavo. Congratulations!

Collapse
guscarpim profile image
Gustavo Scarpim Author

Vlw Nelsão kk!

Collapse
nelsonealves profile image
Nelson Alves

Kkkkkk 👊🏼❤