🎬 In this new series, I will Explore 5 modern websites and the techniques behind their standout designs to break down how these projects use GSAP, Webflow, Rive animations, and smart optimizations to create smooth transitions, 3D effects, and engaging interactions.
💡 Ideal for designers and developers seeking inspiration or practical takeaways.
⏱ Timestamps:
00:00 🎥 Intro
00:21 🌐 Website 1: The “Super 3D” Website
01:30 📹 It’s not full 3D, but two videos merged.
04:43 🔍 More About The First Website
05:26 ✨ What Does Make It Special
05:59 🌐 Website 2: Dropbox Brand Book
06:26 🖱 Interactive Elements
07:00 📜 Menu Reveal (Scroll)
08:35 🌐 Website 3: Exact Font
08:58 🌀 Grid Animation
10:16 ✨ Smooth Hover Animation
12:02 💎 Important Takeaway
12:25 🌐 Website 4: Ilya’s Website
13:08 ⏳ Fake Loading Text Reveal
14:10 🧩 Interactive Grid
15:33 🌟 Overall Impression
15:45 🌐 Website 5: Jitter Video
17:23 🧭 Navigation Bar
17:48 🎚️ Slider Section
18:28 💫 Flowing?
18:54 👋 Outro
🔗 Links Mentioned:
🌍 https://nvg8.io/
🌍 https://brand.dropbox.com/
🌍 https://exat.hottype.co/
🌍 https://www.awwwards.com/sites/sui-overflow-2025
🌍 https://jitter.video/
📋 [My Component Library Waitlist]
