CreativeLAB
A premium, highly interactive Next.js showcase web application built for Creative Lab - featuring parallax scroll, non-linear timeline warping, and gesture-based scroll snapping.
CreativeLAB is a high-fidelity interactive showcase landing page. It showcases high-fidelity software engineering and physical interactive installations with smooth scroll mechanics, immersive animations, and dynamic localization. Key features include Parallax Scroll & Timeline Warping (synchronized WebM video scrubbing with text fading mapped to a non-linear timeline), Gesture-Based Scroll Snapping using a custom ease-out curve, and full i18n support.
Traditional landing pages feel static and fail to demonstrate high-fidelity interactions or physical installation experiences in a way that feels premium and engaging.
An immersive scroll-based experience that leverages WebM video scrubbing, smooth scroll warping, and snappy transitions to showcase creative installations in an interactive showcase.
- Timeline Warping (getWarpedProgress) to map linear scroll input to non-linear active/transition phases
- Gesture-based Scroll Snapping (useLenis state-machine listener) for smooth transition slides
- Synchronized WebM video scrubbing matched with text sequence overlays
- Internationalization (i18n) via next-intl supporting localized sub-routing (en/id)
- Smooth scroll orchestration using Lenis scroll engine
- Glow ambient backdrop components and reusable PageHero for subpage layouts