Smooth Page Transitions with GSAP ScrollTrigger Smooth Scrollbar Custom Elements with Shadow DOM

Magazine website concept with horizontal scrolling that uses smooth scrollbar library and GSAPs ScrollTrigger plugin at the same time. I am going cover lots of interesting concepts like creating custom elements with shadow DOM shared services with singleton pattern and so on! Subscribe for more Source code Chapters 0:00 Intro 0:40 Adding Markup and Styles 5:05 Rendering Images 9:55 Add smooth scroller plugins 10:43 Shared service 13:10 Setup smooth scrollbar and scrollTrigger 15:22 Add scroll progress indicator 16:05 Selecting image functionality 19:45 Detail component with shadow DOM 22:25 Detail component styles 26:26 Displaying detail 32:50 Close method If you wanna buy me a coffee Beats JOY. Previous uploads Landing Page Infinite Slider Gallery with TypeScript GSAP HTML Sass Create Starter Project With Webpack TypeScript Sass Create Simple Grid System with CSS Grid Sass gsap typescript smoothscroll,

#Gsap #Smoothscroll #Typescript