Creative Portfolio
2025A lightweight, zero-build creative engineering portfolio pairing Lenis smooth inertia scrolling and GSAP animations with interactive 3D tilt cards, dynamic marquees, and tactile micro-interactions.
This creative engineering portfolio is an interactive single-page showcase built to demonstrate modern frontend motion and tactile interaction design without the weight of heavy JavaScript frameworks.
The layout features smooth inertia scrolling powered by Lenis, layered hero parallax, continuous marquee strips, and interactive 3D perspective cards. An interactive social dock gently magnifies on hover, offering immediate tactile feedback.
I built the architecture using semantic HTML5, modular section CSS, and isolated Vanilla JavaScript ES modules. By avoiding complex build steps, the site achieves instant CDN distribution and resilient performance across devices.
Challenge
Achieving fluid 60fps animations—including multi-layered parallax, cursor-following docks, and 3D card tilt matrices—without modern virtual DOM frameworks often triggers layout thrashing and high CPU utilization on lower-tier mobile hardware.
Solution
I decoupled scroll listeners by leveraging Lenis inertia scrolling and bound GSAP animations strictly to hardware-accelerated transforms and opacity. DOM updates were contained within isolated scripts, keeping the main thread clear of cumulative render jank.
Gallery
Interested in something similar?
Have a project in mind or want to know more about how this was built? Drop me a message, I'd love to connect.