Effects that make people ask how did they build that?
A living collection of 57 visual effects, built from scratch without an off-the-shelf engine. Tune every parameter live, roll the dice, then export the code or an AI prompt.
- 57
- interactive effects
- 3
- render tiers
- 0
- off-the-shelf engines
- 100%
- live-controllable
Featured effects
Live previews. Open any one to play with the controls.
Particle Constellation
Particles stream in from a screen edge and ease into a glowing geometric outline (triangle, hexagon, star, or spiral), then hold, pulse, and link up before scattering and re-forming. Click to jump to the next shape.
Nova Burst
A center-screen supernova: radial glowing dots plus spinning wireframe shards explode outward and fade. Auto-fires; click to detonate at the cursor.
Aurora Veil
Flowing aurora curtains that wave and shimmer over a faint starfield, pulsing with an internal rhythm for an audio-reactive feel. Move to bend the nearest curtain; click to send a pulse rippling along the veil.
Nexus Card
An asset card floating over a NEXUS network of glowing nodes that drift, link constellation-style, and wire themselves into the card and your cursor.
Charge Burst
Click and hold to gather energy, then release. Time the release at the peak (the flashing sweet-spot ring) for a max-power burst with shockwaves. Overcharge too long and it goes unstable, scattering a weaker blast.
Corner Fireworks
Fountain cannons in the corners arc glowing sparks inward to a synthetic beat, with geometric shape bursts on peaks. Click for a celebratory burst.
Three render tiers
Every effect, whether hand-written Canvas 2D physics or a real WebGL scene, shares one module interface, so the controls, presets, and export all work the same way.
Hand-rolled particle systems
Crisp, pooled, audio-reactive particle work with no engine and no canvas ghosting.
Particle Constellation →Depth without WebGL
Projection, parallax, and CSS 3D tricks that read as fully dimensional.
Depth Tunnel →React Three Fiber + bloom
Real 3D scenes you can orbit, zoom, and pan, instanced and lit with bloom.
Galaxy Spiral →Play & explore
Simon Says (an absorption-cursor memory game) and Ideas in Motion (a scroll-driven parallax journey).
Open experiences →ResearchHow we built it
The techniques behind the effects: how to fix canvas ghosting, when to pool objects, and how to keep particle-heavy scenes fast.
Read the write-ups →