Project2026
aqeeljameel.com
This site. A WebGL portfolio with a real-time starfield hero, an animated logo-reveal loader, and smooth-scroll motion throughout. The proof, not just the description.
Problem
A portfolio aimed at frontend-heavy roles has to be the evidence itself: the site needs to show motion and 3D craft, not just claim it.
What I built
A Next.js site with a React Three Fiber WebGL hero, an animated logo-reveal intro, a scroll-scrubbed torus-to-portrait morph, and a motion system built on GSAP, Lenis, and Framer Motion, all driven from a single-source-of-truth content layer and a design-token system, with graceful fallbacks for reduced motion and no-WebGL contexts.
My role
Designer and developer: everything here, from the 3D scene to the content architecture.
Stack
- Next.js
- React Three Fiber
- WebGL
- GSAP
- Lenis
- Framer Motion
- TypeScript
Impact
- Real-time WebGL rendered client-side.
- Reduced-motion and no-WebGL fallbacks throughout.
- Single source of truth for all copy.