0:00/0:00

Recorded on iPhone. Willow fireworks over a night-sky weather screen, each burst lighting up the clouds around it.

Celebration

Fireworks

Small, quiet fireworks for a purchase, a streak or a finished task, that never get in the way of your content.

$10

Or get it with Pro

Features

One line gives you the whole show
Rockets climb with a comet tail, then burst into a ball of fine, glittering sparks
Or switch to willow: golden strands that droop and fall with long tails
Keep bursts to the edges or the top, so your text stays readable
Bursts space themselves out and never pile up
Your colours, with a glow for dark screens and solid sparks for light ones
Slow it down, or drive the speed from a scroll or a drag
Each burst tells you where it went off, so the rest of your screen can light up with it
Costs nothing while nothing is on screen

Built with

Skia
Reanimated

Installation

1Install dependencies

npx expo install @shopify/react-native-skia react-native-reanimated react-native-worklets

2Run a development build (Expo Go can't load Skia)

npx expo run:ios   # or: npx expo run:android

Usage

It fills its parent and keeps launching until you tell it to stop.

import { Fireworks } from '@/components/fireworks';

export function Milestone() {
  return <Fireworks height={240} />;
}

Make it yours

Pick your own colours, keep bursts to the edges so text stays readable, switch to golden willow strands, or drive the speed from a scroll. The source is yours, so anything else is a change away.

How it works

Rockets, trails and sparks all live in one preallocated array on the UI thread, stepped by a Reanimated frame callback, so nothing allocates or re-renders while it plays. Each burst is a ball of grains that pops most of the way out at once and then glides, born white-hot and cooling to its colour; a willow uses fewer, longer-lived sparks under stronger gravity, and leaves a trail of fading dots as they fall. Every particle is one sprite in a single Skia atlas, drawn in one call; blur and depth just pick a softer sprite from it.

More once you own it

Examples, the full list of props and every advanced option for Fireworks are here for owners.

Next componentWaving Flag