Skip to content
Effects Lab

The fun stuff, in one place.

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.

WebGL Particle Field

3Dmotion

GPU-instanced particles reacting to the cursor — comfort with raw WebGL/Three.js.

Shader Gradient

3D

A custom fragment shader animating a flowing gradient — GLSL fundamentals.

3D Hover Cards

3Dmotion

Perspective tilt + glare tracking pointer position — tactile micro-interactions.

Scroll-Driven Morph

motion2D

An SVG blob morphing and rotating bound to scroll progress — scroll choreography.

Magnetic Cursor

motion2D

Elements that attract the cursor with spring physics — purposeful, premium feel.

Text Scramble

2Dmotion

Decode-on-reveal text effect — timing control and character-level animation.

Image Reveal

2Dmotion

Clip-path image transitions on hover/scroll — smooth, GPU-friendly masking.

Solana Wallet Mini-Demo

web3

Connect a wallet, read balance, and send a devnet transaction — real web3 wiring.

Want this caliber of polish?

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

Start a project