Interactive HTML5 & JavaScript Showcase

Smoke Simulation

A real-time, fluid smoke simulation powered by WebGL. Interact by moving your mouse across the canvas to create colorful plumes of smoke.

A dazzling particle fireworks display. Click or tap anywhere on the screen to launch a vibrant explosion of light and color.

A mini n-body simulation. Create your own small universe and watch celestial bodies interact under the laws of gravity.

A retro-futuristic flight through a glowing neon hexagon tunnel. A classic demoscene effect brought to the web with shaders.

A simulation of flocking behavior, also known as "boids". Watch as individual agents follow simple rules to create complex, bird-like movement.

This spider follows your cursor with procedurally generated leg movements. An impressive and slightly unsettling example of inverse kinematics.

A particle simulation where gravitational forces pull particles into swirling attractors. Click to create new black holes.

A serene animation of falling cherry blossom petals. Creates a peaceful and beautiful atmosphere on the page with gentle physics.

A celebratory confetti effect. A simple, lightweight, and fun animation that simulates falling confetti, perfect for success states.

Watch a crowd of individuals navigate and interact within a defined space, showcasing simple AI pathfinding and collision avoidance.

Unleash a cascade of fizzy, energetic sparks with your mouse. A dynamic particle system that reacts to your every movement.

A soothing, ever-changing ambient background. This generative art piece uses noise and color blending to create a calming visual effect.

A simple yet satisfying interactive demo. Click anywhere on the screen to instantly change the background to a new, random color.