Grand Fireworks or fireworks-js
Every row is a feature Grand Fireworks has. fireworks-js gets a mark only where version 2.10.8 has that same feature.
| Feature | Grand Fireworks JS | fireworks-js |
|---|---|---|
| Renderer | ||
| WebGL 2 renderer | ✅ | ❌ |
| Canvas 2D renderer | ✅ | ✅ |
| Automatic Canvas fallback when WebGL is unavailable | ✅ | ❌ |
| Point-sprite particles | ✅ | ❌ |
| Device-pixel-ratio cap | ✅ | ❌ |
| WebGL context-loss recovery | ✅ | ❌ |
| Long-exposure trails | ✅ | ✅ |
| Bloom | ✅ | ❌ |
| Star-shaped sparks | ✅ | ❌ |
| Rocket exhaust | ✅ | ❌ |
| Explosion flashes | ✅ | ❌ |
| Full-screen flash | ✅ | ❌ |
| Shells | ||
| Grand peony shell | ✅ | ❌ |
| Imperial chrysanthemum shell | ✅ | ❌ |
| Weeping willow shell | ✅ | ❌ |
| Royal palm shell | ✅ | ❌ |
| Diamond ring shell | ✅ | ❌ |
| Crossette supreme shell | ✅ | ❌ |
| Golden brocade shell | ✅ | ❌ |
| Dragon fish shell | ✅ | ❌ |
| Majestic comet shell | ✅ | ❌ |
| Cascading horsetail shell | ✅ | ❌ |
| Starburst shell | ✅ | ❌ |
| Glitter nova shell | ✅ | ❌ |
| Crown jewel shell | ✅ | ❌ |
| Thunder clap shell | ✅ | ❌ |
| Galactic spiral shell | ✅ | ❌ |
| Show | ||
| Automatic launching show | ✅ | ✅ |
| Intensity control | ✅ | ✅ |
| Opening salvo | ✅ | ❌ |
| Gravity | ✅ | ✅ |
| Air drag | ✅ | ✅ |
| Wind | ✅ | ❌ |
| Camera zoom | ✅ | ❌ |
| Layer opacity | ✅ | ✅ |
| Color control | ✅ | ✅ |
| Named color themes | ✅ | ❌ |
| Named visual styles | ✅ | ❌ |
| Mixed style | ✅ | ❌ |
| Random show | ✅ | ❌ |
| Global speed control | ✅ | ❌ |
| Grouped salvos | ✅ | ❌ |
| Secondary crackle | ✅ | ❌ |
| Ember color burn | ✅ | ❌ |
| Shimmer | ✅ | ❌ |
| Sparkle | ✅ | ❌ |
| Pointer launches a rocket | ✅ | ✅ |
| Burst at an exact point | ✅ | ❌ |
| Fly a rocket from one point to another | ✅ | ❌ |
| Draw inside an element you choose | ✅ | ✅ |
| Transparent fullscreen overlay | ✅ | ❌ |
| Pause and resume | ✅ | ✅ |
| Stop the show | ✅ | ✅ |
| Wait until shells in the air finish | ✅ | ✅ |
| Clear the sky | ✅ | ✅ |
| Launch a shell on demand | ✅ | ✅ |
| Change options while running | ✅ | ✅ |
| Read the current options | ✅ | ✅ |
| Runtime stats | ✅ | ❌ |
| Text | ||
| Text fireworks | ✅ | ❌ |
| Multi-line text | ✅ | ❌ |
| Hybrid particle and crisp text | ✅ | ❌ |
| Text position and alignment | ✅ | ❌ |
| Text tilt | ✅ | ❌ |
| Text dissolve, hold, and fall | ✅ | ❌ |
| A sequence of text messages | ✅ | ❌ |
| Finale | ||
| Grand finale | ✅ | ❌ |
| World Ender | ✅ | ❌ |
| Show duration | ✅ | ❌ |
| Sound | ||
| Sound effects | ✅ | ✅ |
| Turn sound on and off | ✅ | ✅ |
| Volume control | ✅ | ✅ |
| Procedural launch, whistle, boom, and crackle | ✅ | ❌ |
| Ambient hiss | ✅ | ❌ |
| Stereo panning | ✅ | ❌ |
| Performance | ||
| Quality presets, including a 60fps target | ✅ | ❌ |
| Adaptive quality | ✅ | ❌ |
| Pause when the tab is hidden | ✅ | ❌ |
| Pause when scrolled offscreen | ✅ | ❌ |
| Reduced-motion support | ✅ | ❌ |
| Particle cap | ✅ | ✅ |
| Rocket cap | ✅ | ❌ |
| Building with it | ||
| TypeScript declarations | ✅ | ✅ |
| Zero runtime dependencies | ✅ | ✅ |
| Host-driven frame loop | ✅ | ❌ |
| React component | ✅ | ✅ |
| Preact component | ✅ | ✅ |
| Solid component | ✅ | ✅ |
| Vue component | ✅ | ✅ |
| Svelte component | ✅ | ✅ |
| Angular component | ✅ | ✅ |
| Custom element | ✅ | ✅ |
| SSR-safe React, Vue, and Svelte mounts | ✅ | ⚠️ React use client |
| Configuration reference | ✅ | ✅ |
| Guided workbench | ✅ | ❌ |
| Copy the running configuration | ✅ | ❌ |
| Live demo | ✅ | ✅ |
✅ supported · ⚠️ partial · ❌ not supported
Verified October 2026 against fireworks-js 2.10.8 and Grand Fireworks JS 1.11.0. Sources: fireworks.ts, types.ts, sound.ts, README.