Preparing HD fireworks...

Lighting the fuse for this scene.

Free · No download · No account

Firework Simulator Online
Light up your sky.

Tap anywhere to launch HD fireworks. Play a ready-made show, then make someone’s night with a personal fireworks card.

Backyard

Golden backyard

Slow golden willows, then a sparkling garden finale.

Make a card0 / 18s
Colors, shapes & sharing+

Shares this template’s timed show and setting. For your own message, choose Make a card.

Pick your next show

Open full HD simulator →

Popular celebrations

Occasion-based virtual fireworks

Open a ready-made celebration page for July 4, birthdays, New Year, congratulations, or thank-you cards. These pages keep virtual fireworks focused on the event people actually want to celebrate.

Firework colors

Flame-test inspired color presets

Pyro Lab uses flame-test and firework material references to make color presets feel more grounded: lithium red, sodium yellow, copper blue-green, barium green, strontium red, magnesium white, iron gold, and titanium white-gold. Click an element to trigger a sample burst.

Sodium589.0 nm
Click to launch

How it works

From color choice to fireworks burst

The simulator is designed around a simple flow: choose a color, tap the sky, run a show, then share or export when you want a larger fireworks moment.

  1. 01

    Choose a firework color

    Start with a metal preset such as sodium, lithium, copper, barium, strontium, or magnesium.

  2. 02

    Click or tap the sky

    The canvas places each virtual firework where you interact, so the show feels direct and tactile.

  3. 03

    Run a show

    Use sound, fullscreen mode, scene presets, finale bursts, and performance controls for a larger show.

  4. 04

    Share or export

    Create a fireworks card, copy a show link, or move into the HD Fireworks Simulator when you want more control.

Browser fireworks effects

A practical effects gallery beside the simulator

The main simulator is built for interactive virtual fireworks: tap the sky, change flame-color presets, start an auto show, or trigger a finale. The Effects page has a different purpose. It previews browser fireworks effects, confetti effects, spark scenes, and abstract visual motion in a controlled canvas.

These effects are useful for UI celebration moments, landing-page backgrounds, event screens, and visual experiments. They are not presented as real-world pyrotechnic physics, and the page does not claim that arbitrary text or logos can reliably explode into readable fireworks.

Open fireworks effects

Fireworks preset

A muted browser-safe fireworks preset for automatic visual bursts.

Confetti effects

Continuous center confetti, random confetti explosions, and side confetti cannons for comparison.

Atmosphere effects

Hexagons, star fields, color circles, light links, and tunnel motion for non-realistic celebration scenes.

Mobile controls

The effects panel can be collapsed on mobile so the canvas remains the main interactive surface.

FAQ

Frequently asked questions

Learn more about the online firework simulator, scene controls, and the science behind flame colors.

What is a flame test?

A flame test is a qualitative analytical procedure used in chemistry to detect the presence of certain metal ions based on the characteristic color the metal emits when heated in a flame. This occurs because metal atoms absorb energy, causing electrons to jump to higher energy levels, and then release that energy as visible light when they return to their ground state.

Why do different metals produce different flame colors?

Each metal atom has a unique electron configuration with specific energy level gaps. When electrons transition from excited states back to ground state, they release photons with wavelengths determined by these energy gaps. For example, sodium emits light at 589nm (yellow), while copper emits at 510nm (green). This is why each element has its own characteristic flame color.

Is this fireworks simulator free to use?

Yes. Open the simulator, pick a color, and start launching. There is no account or download.

Can the fireworks form custom text or exact shapes?

Some pages include shaped shell patterns such as heart, smiley, and Saturn-style rings, but they are designed to behave like real fireworks: loose, sparkling, and slightly imperfect rather than crisp icons. Shared shows can also replay the selected shell styles.

Why does selecting different metal elements change the firework colors?

Our simulator is based on real flame test chemistry. When you select a different metal element, the fireworks display the characteristic color that element produces when burned. For example, choosing Strontium (Sr) creates scarlet red fireworks, while Barium (Ba) produces green fireworks - just like in real pyrotechnics.

Does this website work on mobile devices?

Yes. On small screens the main controls stay compact so the sky remains usable, and the detailed controls can be expanded when you need them.