FIXED SCROLL IMAGE GALLERY WITH GSAP & SMOOTH SCROLL (LENIS) – Elementor container edition

I think Lenis has the potential to be my go-to JS library for smooth scrolling. Paired with some GSAP here and there and we can create some dope Awwwards-worthy websites.

CODE:

https://www.notion.so/CODE-Grow-shrink-section-with-GSAP-8f3a7b535b4b4cd69039731c99536df5?pvs=4

Links:

Smooth Panel Scroll Effects


https://lenis.studiofreight.com/

Timestamps:

00:00 Intro
00:37 Hero section build
05:36 Fixed image gallery build
09:53 Selected work section build
11:23 Adding GSAP
14:35 Adding CSS
15:57 Editing the selected work section/experimenting with the Grid container
18:22 Adding Lenis smooth scroll
19:45 Preview & final thoughts
21:03 Outro

Thank you for watching!

🛠 Try Elementor👇
https://be.elementor.com/visit/?bta=204254&brand=elementor

🎥 My gear 💻:
https://kit.co/egli.andrea/filming-desk-setup

Devtooly – directory of tools & resources I built for frontend developers: https://devtooly.com/

👇🏼 HOW I CAN HELP YOU 👇🏼
—————————————————-

WORK WITH ME

🚨 Web design & development: https://www.egliandreastudios.com/

SOCIAL MEDIA

🐦 TWITTER – @AndreeaEgli

🟦 LINKEDIN – https://www.linkedin.com/in/egliandrea/

CONTACT

For business inquiries email me here:

📨 EMAIL – hello@egliandreastudios.com

Disclaimer – Some links in my videos’ description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it’s just one more way to support me and my channel! 🙂

#elementortutorial #elementorpagebuilder #elementortipsandtricks