Ecem Gokdogan

@Sampatti_Maker @CodePen I’m really happy to hear that my projects inspired you. Thank you so much for these kind words! 🩵✨

@ecemgo @CodePen I came across your projects on CodePen and YouTube, and they genuinely inspired me. Your website designs and dashboard samples are really impressive. You’re truly underrated and deserve a much larger audience. I hope I can build projects like yours someday 😅.

Responsive Dashboard with Sliders and Music Player codepen.io/ecemgo/pen/MWx… @CodePen #codepen

💚 The new GSAP Demo Hub is here! 🤘 We’ve kicked things off with 50 demos, and there’s plenty more on the way, including some framework-specific collections and inspiring community contributions. Browse by plugin, explore features and save your faves. Would you like to contribute or suggest a demo? Get in touch, we’d love to hear from you! 💚✨

Animated Swiper Slider with Connected Effects ✨ It includes: • Outer slider with autoplay & progress bar • Inner slider with creative effect • Synced sliders that move together • Text reveal animation • Responsive layout #SwiperJS #slider 🎬 youtu.be/fVBXiRAwvVY

Card Reveal Animation with GSAP ScrollTrigger ✨ ✨ It includes: • Text fade-out with ScrollTrigger • Cards are revealed one by one • Pinned section synced with scroll • Hover effect using clip-path • Responsive layout #GSAP #ScrollTrigger 🎬 youtu.be/s7RFZhrJgxM

My pen for this week’s @CodePen challenge! I used CSS clip-path: shape() to create cards with inverted corners. codepen.io/armanb/pen/KwV…

@Arman_Borkhani @CodePen It’s such a creative idea, Arman. Thanks for sharing it! 😊

Image Transitions Between Sections on Scroll | GSAP ✨ It includes: • Built with GSAP Flip & ScrollTrigger • Responsive design with GSAP matchMedia • Flip animation on desktop & tablet • Static layout on smaller screens #GSAP #ScrollTrigger #Flip 🎬 youtu.be/-LE3aUVU608

📌 Horizontal Scroll with Opposite Direction using GSAP ScrollTrigger ✨ It also includes: • Cloning images dynamically with JavaScript • Smooth, responsive, and dynamic layout #GSAP #ScrollTrigger 🎬 youtu.be/BENrlp--vDI

Two-Column Opposite Vertical Scroll Effect with GSAP 🚀 ✨ It includes: • Two image columns move in opposite directions • Built with ScrollTrigger & ScrollSmoother • Smooth and responsive layout #GSAP #ScrollTrigger 🎬 youtu.be/3ePl0OnmG3Y

🚀Use Mouse Position to Change Scroll Speed The scrolling speeds up as you get farther from center. The distance from center "distanceX" is mapped to an animation's timeScale(). timeScale = gsap.utils.mapRange(-300, 300, -3, 3, distanceX) Full Lesson Video and Demo 🧵

Swiper Slider with Parallax & Zoom Effects ✨ It includes: • Parallax image movement • Scale (zoom) animations • Mousewheel control #swiperjs #slider 🎬 youtu.be/oLUnFyeEsEQ

GSAP ScrollTrigger: Diagonal Image Motion + Marquee Text ✨ It includes: • Sequential diagonal images on scroll • Marquee text • Particle background animation • Responsive adjustments #GSAP #ScrollTrigger 🎬 youtu.be/o2XNqzynWbk

Josh Comeau's interactive article is a great introduction to SVG fundamentals. joshwcomeau.com/svg/friendly-i…

@Arman_Borkhani Thanks for sharing, Arman! Very clear explanation with examples 😌🌟

Stacked Cards with GSAP ScrollTrigger & ScrollSmoother ✨ It includes: • Creating stacked cards • Animate cards with clip-path effects (run once on enter) • Use ScrollTrigger for scroll animations • Smooth scrolling with ScrollSmoother #GSAP 🎬 youtu.be/W7wGSJyIfCM

@MariyaHari81424 Thanks a lot, Mariya! 🩵

@ecemgo Amazing!!!💯

Swiper slider with a wavy slide transition effect using GSAP and an SVG filter 🌊✨ #swiperjs #gsap 🎬 youtu.be/dP1Xg0q-q5k

@mobalti Happy you liked it! Thank you, Arby! 🤗

@ecemgo Rad vibe, loved the transition! 😍

@Wimbledon Congratulations @ZeynepSonmez__ 😍

Historic moment for Turkish tennis 🇹🇷 World No.88 Zeynep Sonmez is the first player from Turkey to reach the third round in singles at a Grand Slam in the Open Era! #Wimbledon

@Arman_Borkhani Thanks, Arman! 🤗

@ecemgo So cool

Swiper Creative Effect Slider with Cell-Based Animation using Splitting.js Includes mousewheel control, autoplay and responsive design. #swiperjs #slider #splittingjs 🎬 youtu.be/Ie3w24fZiBk