Skip to content
Effects Lab

A gallery of self-contained, interactive effects. Each one is lazy-loaded and renders only when it scrolls into view, so the page stays fast. Expand any tile for a closer look.

25 experimentsmounted in viewesc to close

[ notice ] — AI demos

The AI-powered demos below use a free evaluation API (Pollinations.ai). A production deployment with your own API key unlocks premium LLMs (GPT-4o, Claude, Gemini) with faster responses, higher rate limits, and no reasoning overhead.

gpu

GPU Fluid Simulation

3Dmotion

Full Navier–Stokes solver in WebGL2 fragment shaders — advection, Jacobi pressure, vorticity confinement. Drag to stir, tap to burst; it swirls on its own when idle.

gpu

GPGPU Particle Morph

3Dmotion

147k particles simulated in ping-pong FBOs morph torus knot → sphere → wave → COBRA glyph, cursor as repulsor vortex — GPU compute in raw WebGL2.

gpu

Curl-Noise Silk

3Dmotion

65k GPU particles trace fading long-exposure trails through a divergence-free noise field that morphs on a seed re-roll, pointer spins a vortex — buffer-fed motion systems.

gpu

Studio Render Blob

3D

An fbm-displaced iridescent sphere through bloom + chromatic aberration + vignette — a real-time product-render pipeline.

gpu

Volumetric Aurora

3D

A 42-step raymarched aurora with pointer-warped curtains and a mirrored horizon — cinematic GLSL in one fragment shader.

Holographic Tilt Cards

3Dmotion

Pointer-steered foil, micro-stripes and glare over code-drawn card art — layered 3D micro-interaction craft.

Gooey Scroll Choreography

motion2D

A goo-filtered blob cluster merges, splits and orbits with scroll progress — buttery scroll choreography, SVG only.

Magnetic Field

motion2D

A grid of iron-filing dashes swings toward the cursor with real falloff; flip polarity, feel the spring buttons — physics made visible.

Cinematic Text Decode

2Dmotion

Multi-phrase glyph cascades that lock with accent flashes and ghost trails — frame-level typography timing.

gpu

Displacement Reveal

2Dmotion

A GPU shader warps between two artworks generated in-browser at mount — shader compositing with a CSS fallback.

Live ASCII Camera

2D

Webcam, dropped images, or generated art rasterized to ASCII in real time — density and color toggles, pure canvas.

Spectrum Mandala

2Dmotion

Mic or synth signal as a mirrored radial spectrum with waveform ring and beat-detected pulses — live Web Audio analysis.

Mission Control (Simulated)

2Dmotion

Streaming glow chart, tweened counters and an anomaly log from an honestly-labeled simulated feed — the product surfaces I ship.

Solana Wallet Terminal

web3

Connect Phantom, airdrop, and send a devnet transaction — every RPC and wallet call logged as a live transcript with real step latency.

Solana Network Gauge

web3

Radial TPS gauge, slot ticker, and epoch progress from a public RPC — live on-chain telemetry, no wallet needed.

Sign in with Solana

web3

Prove wallet ownership by signing a nonce — gas-free ed25519 auth, transcripted step by step, no transaction.

Wallet Portfolio Orbit

web3

Paste any address — its real SOL balance anchors an orbital system of SPL holdings, sized by parsed RPC balances.

gpu

On-Device LLM Chat

ai

Llama 3.2 1B streaming on your GPU via WebGPU — real tokens/sec in the HUD, nothing sent to any server.

gpu

On-Device Speech-to-Text

ai

Whisper transcribes your mic locally — live waveform in, words materialize out; audio never leaves the tab.

gpu

AI Background Removal

ai2D

In-browser subject segmentation with a draggable before/after split over checkerboard alpha — no pixel is uploaded.

gpu

Webcam Object Detection

ai

DETR running on-device tracks your camera feed with corner-bracket HUD boxes and real confidence bars.

gpu

Semantic Search

ai

On-device embeddings rank text by meaning — results plotted as a constellation where distance is the real cosine score.

Ask About My Work

ai

A streaming assistant grounded in this site's content, rendered as a live terminal transcript.

AI Project Scoper

ai

Describe an idea → a scoped plan (stack, milestones, budget, timeline) delivered terminal-style, straight into the contact flow.

AI Image Generation

ai2D

Text-to-image via a server route — the frame arrives through a scanline deblur reveal, with real generation time in the HUD.

Next step

Want this caliber of polish?

These are demos — the real value is shipping them inside a product that converts.

Contact