InteractiveIntermediate
Real-time ink fluid simulation hero (WebGL)
A real stable-fluids simulation on the GPU: your cursor pushes glowing, swirling ink across a dark landing page for a creative tool.
Oct 26, 2026
— Prompts · Interactive
Interactive
Pages that react to the cursor, clicks and scroll.
55 prompts · 6 categories · included with the course
9 prompts
- Live demo
- Live demo
InteractiveIntermediateFloating voxel island that builds itself (Three.js)
A pastel floating voxel island that drops in block by block, with a looping cube waterfall, drifting clouds, soft shadows and drag-to-spin.
Oct 26, 2026 - Live demo
InteractiveIntermediateKinetic type poster with cursor warp (WebGL)
A Swiss-poster studio page where giant headline type bends under your cursor like a lens, above outline marquees that slide with your scroll.
Oct 26, 2026 - Live demo
InteractiveIntermediateScroll-through 3D art gallery hall (Three.js)
Scroll to walk a softly lit gallery hall of generative paintings with a mirror-polished floor; hover a work to lift it off the wall and read its label.
Oct 26, 2026 - Live demo
InteractiveIntermediateLow-poly floating island game hero (Three.js)
A golden-hour, low-poly floating island with ruins, a waterfall spilling into the void, drifting clouds and birds — drag to orbit, hover to wake the crystals.
Oct 26, 2026 - Live demo
InteractiveIntermediateCursor flashlight reveal hero (WebGL + CSS mask)
A pitch-black studio page where your cursor is a flashlight: it reveals a vivid paper-cut artwork, a coloured headline and project tiles hidden underneath.
Oct 26, 2026 - Live demo
InteractiveIntermediateInteractive fireworks over a lake (WebGL)
Click or tap the sky to launch peony, willow, ring and crackle shells, with glowing trails, bloom and rippling lake reflections, on a festival page.
Oct 26, 2026 - Live demo
InteractiveIntermediateMagnetic field particle hero (Canvas 2D)
Thousands of glowing particles ride the field lines between a charger and a car, and your cursor becomes a third pole that bends the whole field.
Oct 26, 2026 - Live demo
InteractiveIntermediate24,000 particles that morph between shapes
A wordmark made of particles that flies apart into a sphere, a knot and a galaxy. Click to morph, move the cursor to push them.
Oct 26, 2026
— Beyond prompts
Learn to build the whole app, not just paste the prompt
Every prompt here comes from a lesson where you build the feature step by step, test it and ship it.