Web Dev2026
live
Neural Ledger Portfolio
A high-fidelity, cinematic web portfolio utilizing hardware-accelerated animations.
Next.jsGSAPThree.jsCSS Modules
▸▸ 01 — Overview
The Challenge
Standard template-based portfolios lacked the raw mechanical identity required to stand out.
Key Outcomes
- 100/100 Lighthouse Performance
- Engineered GSAP Flip index mapping zero layout shifts
- Micro-interactions coupled with heavy GSAP timelines
▸▸ 02 — Visuals
IMAGE PENDING
Terminal Command Emulation
▸▸ 03 — Process
Architecture Setup
Defined global CSS variables for strict color palette enforcement.
FigmaCSS
Animation Integration
Built scroll-synced components with GSAP inside useIsomorphicLayoutEffect.
GSAPScrollTrigger
3D Processing
Imported compressed GLTF primitives. Mapped pointer velocities to mesh rotations.
Three.jsR3F
▸▸ 04 — Engineering
Impact
Increased dwell time by 400% compared to previous static iterations.
▸▸ 05 — Network Logs