Let's explore how to build a vertical carousel in Webflow with Swiper.js. This slider will snap to the user's scroll and loop infinitely. We'll also have a look at how we can leverage the vast Events API with CSS transitions and GSAP to animate items as they slide into view.
// CLONE IT
👯♀️ https://try.webflow.com/cloneable-is-...
// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...
// Premium content
🤝 Patreon: / webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...
// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...
// Connect
🙋♀️ Join the Discord: / discord
🐥 Follow Me! / webisbae
// TOPICS COVERED
00:00 Intro
00:21 Webflow
05:21 Coding
06:08 Pagination
08:26 Animating the Text with CSS Transitions
11:27 Animating the Indicator with GSAP