Agency visual effects
Mockups by pattern. Implemented demos link to standalone pages; the rest are listed for upcoming batches.
MadeByShape
- 1.1 Autoplay Video on Work Cards (Hover-to-Play)
- 1.2 Dark Mode Toggle
- 1.3 Infinite Marquee (Text Ticker)
- 1.4 Servd Image Transforms (Responsive + Focal-Point Cropping)
- 1.5 Video Lightbox Modal
- 1.6 Swiper.js Blog Carousel
Ragged Edge
- 2.1 SVG Transparent Placeholder (Zero-CLS LQIP)
- 2.2 Video-on-Hover Portfolio Grid
- 2.3 Scroll-Spy Sticky Chapter Navigation (Case Studies)
- 2.4 Colour-Coded Team Photography Grid
- 2.5 Clipboard Copy Buttons
- 2.6 Scroll-Driven Image Bottom Warp (Partnership Card)
Locomotive
- 3.1 Locomotive Scroll (Smooth Scroll + Parallax via Data Attributes)
- 3.2 Swup Page Transitions (AJAX Navigation with Animation)
- 3.3 Progressive Hero Text Build-Up
- 3.4 Work Grid Filter (No Page Reload)
- 3.5 Vimeo Progressive Redirect (Direct MP4 Streaming)
KOTA
- 4.1 WebGL Interactive Fluid Gradient Background (Cursor-Reactive)
- 4.2 Time-of-Day Adaptive Theming (UPP Project)
- 4.3 3D WebGL Immersive Corridor (UPP Project)
- 4.4 Next.js Headless WordPress (ISR + On-Demand Revalidation)
- 4.5 KOTAverse 3D Interactive Microsite (10-year Anniversary)
Heydays