๐ฌ 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]
