Interactive Web Experience · 3D

Portfolio 2026

Modern developer portfolio featuring liquid glass interfaces, interactive ambient audio engine, reactive Three.js physics badge, and scroll-orchestrated guideline timeline.

https://portfolio.dev

Capabilities

Feature

Interactive 3D Physics Lanyard

Three.js interactive ID badge with tilt, pull, and release dynamics
Verlet physics rope simulation responding to drag and momentum
GPU-composited realistic shadows and micro-interaction responses

Procedural Ambient Audio Engine

Synthesized Web Audio API sound engine with pentatonic pitch scaling
Subtle, melodic acoustic feedback on user navigation and hover
Global mute control with seamless gain fades and persistent preferences

Liquid Glass UI & Layouts

High-performance liquid glass panels with dynamic backdrop blur
Curated dark and light mode color systems with Anton typography
Hardware-accelerated layouts optimized for fluid 60fps scrolling

Architecture & Stack

Technical

Real-time Three.js physics lanyard and interactive badge simulation

Synthesized ambient soundscape engine with procedural pentatonic audio

GPU-composited micro-interactions, liquid glass surfaces, and responsive layouts

Technologies Utilized