🚀 Create Animated Vertical Slider with Swiper.js + GSAP SplitText 🎬 | Tailwind CSS UI 🔥

Опубликовано: 30 Июль 2026
на канале: Lazy Codwr
93
like

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