⭐ Giveaway: Our 100% FREE plugin makes any site 3X faster - https://bit.ly/airlift-performance-plugin.
In this video, I recreated a buttery-smooth scroll-snapping homepage inspired by top-tier Webflow and GSAP designs — and built the whole thing in Elementor. In this video, I’ll walk you through how it works step-by-step: full 100vh sections, snapping transitions, responsive design, and some lightweight animations using custom CSS. You’ll also learn how to structure everything properly so the effect works seamlessly.
Inspiration: https://alvarotrigo.com/fullPage/extensions/parallax.html#firstPage
JSON Template: https://drive.google.com/file/d/1ExSmO6h8QJWRJhI7NX9y-l86Xq9ByNy4/view?usp=sharing
Code: https://docs.google.com/document/d/1AfDIu2z4gALFlpuiA_SYdDFHOyRMaX02Sumldlx31ng/edit?usp=sharing
Assets: https://drive.google.com/drive/folders/1BnU0eKPEEw-LTSF5v7507lo9mP6b1IBB?usp=sharing
Get Elementor: https://be.elementor.com/visit/?bta=227172&nci=5727
00:00 Smooth Scroll Trigger Effect
00:16 Build slider first
01:20 Adding image
03:12 Add video to the background
03:39 Adding HTML code - do not miss
#ElementorTutorial #WebDesign #GSAP