STUDIO LABS

Throwaway experiments. Public on purpose.

A live workshop where every technique we ship in client work gets prototyped first. Released as we make them. No polish, no narrative — just the move.

STUDIO LAB 001IMAGE-SEQUENCE · CANVASMay 2026Aetheris LoopA 60-frame WebP image sequence rendered to canvas at 30 fps in an infinite loop. Click anywhere to pause. The same pipeline Apple, Lusion, and every Awwwards-tier site uses internally for product walkthroughs. Source frames generated by Higgsfield Cinema Studio 3.0 from a Nano Banana Pro start + end frame, extracted via ffmpeg-static, decoded to canvas.Open experiment
STUDIO LAB 002KINETIC TYPE · GSAPMay 2026Letter ExplodeChar-level explode-and-reassemble. SplitText pattern Studio uses on hero text reveals — each character flies outward with random rotation + opacity fade, snaps back to formation on click. Pure GSAP timeline, no canvas, no external assets.Open experiment
STUDIO LAB 003LIQUID DISTORTION · SVGMay 2026Cursor Trail80-ring SVG ripple field with feTurbulence displacement. Liquid cursor trail used in luxury-tier hero overlays — each ring spawned at cursor position, grows + fades over 1.2s through a single fractal-noise filter. Recycled pool, requestAnimationFrame-driven.Open experiment
STUDIO LAB 004PROXIMITY FIELD · DOMMay 2026Word MagnetEvery word in the paragraph is its own magnet. Cursor proximity within 220 px pushes each word outward along the cursor-to-word vector with a smooth cubic falloff. The same primitive Studio uses on the brand-locked headline interaction (ProximityHeadline), extended here to body-text scale. Pure DOM transforms, lerped per-frame, zero dependencies.Open experiment