Fireworks Show Maker
Pick a shape and a colour for five shells, then launch your own fireworks display across the night sky.
1. Build your five shells
Shape
Colour
How to use
A real fireworks display is planned shell by shell: the crew decides which pattern bursts when, in which colour, and how the show builds towards the finale. This tool lets you do the same thing in your browser — pick five shells, press start, and the night sky above the skyline does the rest.
Step one — build your shells. There are five slots along the top. Select a slot, then choose one of eight burst shapes and one of ten colours for it. A chrysanthemum throws a dense, even sphere of long-lasting sparks, the classic round burst everyone pictures. A peony is the same sphere but with shorter, rounder stars and no trailing tails. A willow sends its stars high and lets gravity drag them down in long drooping curves. A palm uses just a handful of thick stems that arch outward like the fronds of a tree. A ring opens as a flat circle seen edge-on, a star and a heart hold their outline for a moment before falling apart, and crackle fills the sky with flickering sparks that pop at random. Colours run from red, orange and gold through green, aqua, blue, purple and pink, plus silver for a bright white burst and rainbow, which gives every star its own hue.
Step two — run the show. Press start and your five shells launch in sequence, each one climbing on a trail of sparks before it bursts, then repeat for a grand finale where several go up at once. While the show is running you can tap or click anywhere on the sky to fire an extra shell at that exact spot, so you can fill a gap or set off a cluster wherever you like. Stop the show at any time, swap a shape or a colour, and start again — nothing is saved to a server and there is no limit on how many times you can run it.
Watching and keeping it. The full-screen button expands the sky to fill your display, which is the best way to watch on a phone or on a TV browser. The save button captures the sky exactly as it looks at that moment, sparks and all, so you can keep a still of a burst you liked or use it as a wallpaper. Timing a screenshot mid-burst takes a little practice; the moment right after a chrysanthemum opens usually looks best.
Everything runs entirely in your browser using the HTML canvas — there is nothing to install, no account, and no video streaming, so it works on a slow connection and on older phones. If your device is set to reduce motion, the simulation automatically uses fewer sparks so it stays comfortable to watch.