Build Library

The prompts
behind the builds

Every reel, decoded.
Stacks, prompts and techniques
behind my web builds.

AI Status Orb

A particle orb that shows what your AI is doing. 16,000 particles morph between four states: a dust sphere that listens, a knot that reasons, a sonar that searches and a check mark that draws itself in when it’s done. One WebGL draw call, no dependencies, with a React wrapper and a mic-level hook for voice apps.

View component

02Animation

Preloader Reveal Animation

A full-screen preloader with a circular SVG progress indicator and animated text lines, that wipes off screen on click to reveal a scaled hero section. Uses GSAP SplitText, CustomEase, and clip-path polygon sweeps.

View prompt

03Full Page

Deadspace — Agency Portfolio

Full agency portfolio with WebGL procedural cityscape shader, 12-block grid preloader with flicker effect, page transitions, WebGL particle system with mouse distortion, SVG pie ring ScrollTrigger animation, and stats slide-in — red/black palette, DM Mono + De Fonte Plus.

View prompt

The promptsbehind the builds

AI Status Orb

Preloader Reveal Animation

Deadspace — Agency Portfolio

The prompts
behind the builds