Fireworks Background
A background component that displays a fireworks animation.
Made by imskyleen
Click on the background to make it rain fireworks.
Installation
Usage
Examples
With a high population
With a high size and speed
Circle effect with a fixed size and speed
Props
| Prop | Type | Default |
|---|---|---|
particleSize? | { min: number; max: number } | number | { min: 1, max: 5 } |
particleSpeed? | { min: number; max: number } | number | { min: 2, max: 7 } |
fireworkSize? | { min: number; max: number } | number | { min: 2, max: 5 } |
fireworkSpeed? | { min: number; max: number } | number | { min: 4, max: 8 } |
population? | number | 1 |
color? | string | string[] | randColor() |
canvasProps? | React.HTMLAttributes<HTMLCanvasElement> | - |
className? | string | - |
children? | React.ReactNode | - |
Credits
- Credits to Matt Cannon for the inspiration