Digital Archive / 2026
Selected
Artifacts.
3D Scroll Canvas
WebGL scene driven entirely by scroll position — geometry morphing and smooth camera path interpolation.
Three.js Video Gallery
Spatial video gallery rendered inside a WebGL scene with custom shader distortion on hover.
Matter.js Scroll Physics
Physics-driven UI where elements respond to scroll as simulated rigid bodies with real collision and gravity.
Horizontal Scroll Engine
Custom horizontal scrolling system with velocity-based easing, momentum, and magnetic snap points.
Parallax Snap Scroll
Infinite vertical scroll with multi-layer parallax depth and magnetic section snap on scroll release.
Savoir Faire — Page Reveal
Staggered mask-reveal animation sequence for editorial-style page entries — inspired by high-end agency sites.
Page Transition System
Route-level transition orchestration with shared layout animations and coordinated exit/enter sequences.
First / Last Scroll
Synchronized first-in last-out scroll choreography across layered content panels — study in sequencing.
Monica — Landing Page
High-conversion landing page with scroll-triggered reveal sequences and ambient gradient system.
Monica — Vertical Carousel
Spatial content carousel with fluid perspective transforms — depth-layered vertical navigation.
Work Section Scroll v1
Portfolio work section with staggered entrance, parallax headers, and hover depth effects.
Digital Business Card
Interactive digital business card with ambient particle field and flip interaction.