Create an eye-catching vertical slider using Swiper.js, smooth animations with GSAP SplitText, and styled beautifully using Tailwind CSS.
In this video, I’ll walk you through creating a modern UI section with vertical slide transitions and animated content – perfect for portfolios or landing pages.
🔧 Tech Stack Used:
Swiper.js for Vertical Slider
GSAP for Animations
Tailwind CSS for Styling
📺 Live Preview:
👉 https://gsap-swiper-js.vercel.app/
📂 Source Code (GitHub):
👉 https://github.com/Dev-Sameer-Khan/GS...
📚 Documentation:
Swiper.js: https://swiperjs.com/react
GSAP: https://gsap.com/docs/v3/
Tailwind CSS: https://tailwindcss.com/docs
💡 Don’t forget to Like, Comment, and Subscribe if this helped you!
🎨 More creative UI tutorials every week on this channel.
#swiperjs #gsap #tailwindcss #webdevelopment #frontend #uidesign #lazycodwrr