# Fireworks Component 🎆
**URL:** https://meta.discourse.org/t/fireworks-component/174598
**Category:** Theme component
**Created:** [December 30, 2020, 1:16pm UTC](https://meta.discourse.org/t/fireworks-component/174598 "2020-12-30T13:16:38Z")
**Posts on this page:** 19
**Page:** 1
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 30, 2020, 1:16pm UTC](https://meta.discourse.org/t/fireworks-component/174598/1 "2020-12-30T13:16:38Z")
What better way to celebrate the New Year’s eve than fireworks! 🎆
Here’s a component that adds fireworks on Discourse forum.
The source code is inspired from Eddie’s [Pure CSS Fireworks](https://codepen.io/yshlin/pen/ylDEk).
Happy New Year 2021! 🎉
| | | |
| --- | --- | --- |
| 🕶 | **Preview** | [Preview on theme creator](https://theme-creator.discourse.org/theme/meghna/fireworks) |
| 🔗 | **Github Repo** | [discourse-fireworks](https://github.com/meghnaAJ/discourse-fireworks) |
| 🛠 | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
---
### Author:  [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [March 20, 2021, 12:09am UTC](https://meta.discourse.org/t/fireworks-component/174598/2 "2021-03-20T00:09:03Z")
would be cool if this triggered for a few seconds every time a badge is earned
---
### Author:  [@Tiago\_santos](https://meta.discourse.org/u/Tiago_santos)
#### Post date: [October 12, 2022, 2:14am UTC](https://meta.discourse.org/t/fireworks-component/174598/4 "2022-10-12T02:14:27Z")
@Don
if a badge is earned your [theme FKB PRO](https://meta.discourse.org/t/fkb-pro-social-theme/234323)
very usefull
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [December 31, 2023, 3:40pm UTC](https://meta.discourse.org/t/fireworks-component/174598/5 "2023-12-31T15:40:54Z")
Doesn’t work on iPhone (at least).
Well, next year then.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [December 31, 2023, 5:46pm UTC](https://meta.discourse.org/t/fireworks-component/174598/6 "2023-12-31T17:46:32Z")
You can try this [fork](https://github.com/Arkshine/discourse-fireworks/) @Jagster:
URL: `https://github.com/Arkshine/discourse-fireworks`
branch: `mobile-support-and-settings`
Click on Advanced button to provide the branch name here:
Mobile is supported, and I added a bunch of basic settings (particle count/size, firework width/height, and fall distance) for both desktop and mobile.
I will consider making a proper PR (and eventually other settings) on the original repository later!
---
### Author:  [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [January 1, 2024, 6:41pm UTC](https://meta.discourse.org/t/fireworks-component/174598/7 "2024-01-01T18:41:53Z")
> [@Arkshine](#):
>
> Mobile is supported, and I added a bunch of basic settings (particle count/size, firework width/height, and fall distance) for both desktop and mobile.
Hm, I tried but I do not see any fireworks and also no settings.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [January 1, 2024, 6:44pm UTC](https://meta.discourse.org/t/fireworks-component/174598/8 "2024-01-01T18:44:03Z")
No worries. I should have explained how to install it.
Make sure you click on `Advanced` and copy/paste the branch name:
Note: This will install another Theme component; you might want to disable the old one for now. 👍
---
### Author:  [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [January 1, 2024, 7:04pm UTC](https://meta.discourse.org/t/fireworks-component/174598/9 "2024-01-01T19:04:39Z")
The implementation of mobile support and settings is absolutely superb. It functions perfectly on my mobile device now, with dimensions that are impeccably suited, without any hint of being overwrought.
---
### Author:  [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [January 1, 2024, 8:14pm UTC](https://meta.discourse.org/t/fireworks-component/174598/10 "2024-01-01T20:14:21Z")
> [@Arkshine](#):
>
> I should have explained how to install it.
You did. I did not notice the branch, sorry. Thank you for making this clear. 🙂 Looks great now, thank you a lot! An official PR would be great. 🙂
---
### Author:  [@Kartoon](https://meta.discourse.org/u/Kartoon)
#### Post date: [February 8, 2024, 6:31am UTC](https://meta.discourse.org/t/fireworks-component/174598/11 "2024-02-08T06:31:56Z")
I think this would be better if you could adjust the frequency somehow it’s (imo) fairly obnoxious but still cool
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [December 28, 2024, 9:46pm UTC](https://meta.discourse.org/t/fireworks-component/174598/12 "2024-12-28T21:46:37Z")
One year after last new year 😏
Arkshine’s fork works nicely. But yet original one is desktop-only.
Either the PR in needed or the OP could be edited including information of the fork. Both solutions are good.
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [December 30, 2024, 4:15am UTC](https://meta.discourse.org/t/fireworks-component/174598/13 "2024-12-30T04:15:30Z")
> [@Jagster](#):
>
> Either the PR in needed
I created [the PR](https://github.com/MeghnaAJ/discourse-fireworks/pull/2) on @Arkshine’s behalf and merged it. Updating the component should work for mobile as well.
Thanks again, Arkshine.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [December 30, 2024, 3:28pm UTC](https://meta.discourse.org/t/fireworks-component/174598/14 "2024-12-30T15:28:29Z")
Thanks @meghna! I have completely forgotten. 😄
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [February 18, 2025, 11:47pm UTC](https://meta.discourse.org/t/fireworks-component/174598/15 "2025-02-18T23:47:44Z")
@meghna I’ve opened a PR to add an option to use tsParticles’ fireworks:
[https://github.com/MeghnaAJ/discourse-fireworks/pull/3](https://github.com/MeghnaAJ/discourse-fireworks/pull/3)
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [February 19, 2025, 5:10am UTC](https://meta.discourse.org/t/fireworks-component/174598/16 "2025-02-19T05:10:19Z")
Thanks Nate! I’ll take a look. 👍
---
### Author:  [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [March 7, 2025, 1:34pm UTC](https://meta.discourse.org/t/fireworks-component/174598/17 "2025-03-07T13:34:43Z")
I’ve merged the PR, thanks for the improvements, Nate! 🎆
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [March 7, 2025, 1:43pm UTC](https://meta.discourse.org/t/fireworks-component/174598/18 "2025-03-07T13:43:41Z")
Thanks a bunch!
---
### Author:  [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [December 27, 2025, 12:56pm UTC](https://meta.discourse.org/t/fireworks-component/174598/19 "2025-12-27T12:56:03Z")
I just activated the Fireworks component and see the following warning:
> **[Admin-Hinweis]** Theme [‘discourse-fireworks’](https://www.sidemount-forum.com/admin/customize/themes/62?safe_mode=no_themes) enthält Code, der aktualisiert werden muss. (ID:discourse.script-tag-discourse-plugin) ([_mehr erfahren_](https://meta.discourse.org/t/366482))
> [THEME 62 ‘discourse-fireworks’] DEPRECATION NOTICE: Adding JS code using is deprecated. Move this code to a dedicated JavaScript file. [deprecation id: discourse.script-tag-discourse-plugin] [info: [Modernizing inline script tags for templates & JS API](https://meta.discourse.org/t/366482)]
Is it possible to get an update? I myself do not understand enough to make a PR. 🙈
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [January 1, 2026, 4:05pm UTC](https://meta.discourse.org/t/fireworks-component/174598/20 "2026-01-01T16:05:14Z")
I’ve had a fix and refactor for this for a couple days in my repo, but finally got around to creating a PR to this one. sorry i know it’s already Jan 1st. lol 🤦🏻♀️
[https://github.com/MeghnaAJ/discourse-fireworks/pull/4](https://github.com/MeghnaAJ/discourse-fireworks/pull/4)
not sure about the acceptance tests though 🙈