Smooth Scroll, Scroll Trigger and Reveal Effect with Locomotive Scroll, GSAP & React Part 1

Описание: Check out the tutorial and become more creative!

Live version - https://flirtyflowers.netlify.app/

Just fork to have the starter project
https://github.com/nicubarbaros/web-u...

Project Source Code - https://github.com/nicubarbaros/youtu...

Social Links:
https://github.com/nicubarbaros
  / barbarosnicu  

Yes, that's quite a lot of technologies into a tutorial, but don't worry it's not complicated, in the end, folks who are creating awesome websites don't limit themselves to just a single web technology, don't they?.

We will use 3 technologies, Locomotive Scroll to have a smooth juicy scroll, GSAP to create our scroll-triggered horizontal scroll & text-based animation, and in the end, Intersection Observer to animate some pictures that are getting into the viewport.


Project bootstrapped by https://www.gatsbyjs.org/

New to the channel?
Hey there my name is Nicu, I am a Front end developer.I'm here mainly because of lack of creativity and hopefully to educate people on how to code projects that actually look good. If you have any suggestions on tutorials you would like to see feel free to DM me :)

Do you like the series? You can support the channel by buying me a coffee at https://www.buymeacoffee.com/nicubarb... ☕️.

#awwwards #gsap #locomotive