DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,503 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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.

Top comments (5)

Collapse
 
lukeshiru profile image
Luke Shiru • Edited on

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 πŸ‘ŠπŸΌβ€

What image format should you use in your next project? πŸ€”