Use tsparticles v3 for fireworks

[ekzyis]

Description

With tsparticles v3 and a background mask, I was able to get fireworks show up above images and text inputs while avoiding tsparticles/tsparticles#4870. I tried the background mask in our v2 version but it didn't work as expected.

I let the fireworks preset configure most because I couldn't just copy the config since it now requires the engine as an argument for the color utils. I compared our options with the preset and I believe I applied our customization to the preset.

However, I can still see fireworks going off-screen on small sizes, so I am not sure if 573dd06 worked or just wasn't applied here for some reason.

I need to go now, will check later.

Not sure how long we want to keep the fireworks though?

Video

2025-07-04.17-01-25.mp4

Checklist

Are your changes backward compatible? Please answer below:

yes

For example, a change is not backward compatible if you removed a GraphQL field or dropped a database column.

5. Fireworks are now above images and text inputs but still go off-screen on small sizes though.

For frontend changes: Tested on mobile, light and dark mode? Please answer below:

yes

Did you introduce any new environment variables? If so, call them out explicitly here:

no

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​tsparticles/​preset-fireworks@​3.2.0
	@​tsparticles/​react@​3.0.0
	@​tsparticles/​engine@​3.8.1
	@​tsparticles/​slim@​3.8.1

View full report

[huumn]

I think updating fireworks is fine. We'll only keep it for the weekend at most, but it'll be good to have for new years or next year.