Experiments
Prototype section variants. Active experiment runs full-screen above - click any card below to compare variants on one page.
ENGINEERING EXPERIENCE.
Senior Frontend Engineer specializing in high-performance UI systems, WebGL, and AI-augmented delivery.
I sell engineered experience — not just websites.
11 experiments
THINK_RING
EXPERIMENTALRain World Guardian halo - 7 concentric ring bands of Thai-abugida glyphs rotating in alternating directions, grazing circles with opposite-phase size pulsing, rough ink strokes.
THINK_RING_II
EXPERIMENTALRain World Guardian halo - duplicate canvas with fresh random seed. Each load generates a new layout of ring bands, empty sectors, wobble offsets and glyph counts.
LATTICE_SPHERE
EXPERIMENTALGeodesic lattice sphere with organic vertex displacement. IcosahedronGeometry + barycentric shader for open-hole struts + UnrealBloomPass. Camera orbits and dips below the sphere over time.
AI_WORKFLOW
STABLETerminal-style and graph-based AI pipeline visualizations.
TECH_STACK
STABLESkills and technology proficiency visualized two ways.
VALUE_PROP
STABLEValue proposition section layout variants.
MECHANICAL_GRID
EXPERIMENTALMouse-driven split-flap display board. Each cell flips as the cursor sweeps across.
BUTTON_ANIMATIONS
STABLEA catalogue of button micro-interactions: magnetic, ripple, shimmer, and particle effects.
SAMSUNG_HELLO
EXPERIMENTALSVG path-draw animation spelling "hello" and "xin chào" in a Samsung Bold Tech aesthetic. Angular geometric letterforms with sequenced stroke-dashoffset reveals and spring-style easing.
VARIABLE_FONT_PROXIMITY
EXPERIMENTALEach character's font-weight interpolates from thin (wght 100) to bold (wght 900) based on cursor distance. Quadratic proximity mapping within a configurable radius.
PAGE_TRANSITIONS
EXPERIMENTALFive candidate page transition animations shown side-by-side as live looping previews.