tsparticles / tsparticles

tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

tsParticles - TypeScript Particles

A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components

tsParticles - TypeScript Particles

Created a Npm package for Vite, React Tailwindcss starter code with configuration.

Plain - Oct 25

The Right Way to Add Images to Emails in Next.JS

Joshua Amaju - Oct 24

React: How Often Does a Cleanup Function Run?

Jaime - Oct 28

A Complete Guide to React useEffect vs useLayoutEffect for Beginners

Rajesh Dhiman - Oct 23

Top comments (10)

Ateev Duggal • Aug 15 '22

Hey man, Thanks
I am converting this into a React Project and will be explaining everything your code is doing in the form of a blog.
Do check that out

Matteo Bruni • Aug 15 '22

There's a new article about fireworks with tsParticles dev.to/tsparticles/javascript-crea...

Ateev Duggal • Aug 17 '22

Thanks, I will definitely make this one as well

Ateev Duggal • Aug 24 '22

Hey man
Here is the link to the blog - tekolio.com/how-to-make-fireworks-...

Matteo Bruni • Aug 24 '22

Thanks, Can you replace react-tsparticles with react-particles, I prefer the new name.

This statement is not true:

By default the value of full screen and detectRatina are false and both are boolean values, while the default value of fps is 60 and as for the background, it s white.

The default values are true for both values and fpsLimit is set to 120.

In the FAQs the tutorial on how to use particles in HTML are using particles.js instead of tsparticles, but only this library supports fireworks or emitters.
Also in the FAQs there are instructions about react-particles-js which was deprecated in favor of react-particles (or react-tsparticles)

Thanks for the feedback
I will update the blog write now after doing some more research

I found that default value for background is transparent and that of full screen is true.
But I couldn't find the default value of fpsLimit and DetectRatine
Can you share some links where I can get it
Thanks again

Matteo Bruni • Aug 24 '22 • Edited

github.com/matteobruni/tsparticles...
github.com/matteobruni/tsparticles...

This file contains all the default values in Options

Thanks, I will update my blog right now

Thanks for reading my blog and giving me an honest feedback

DEV Community

tsParticles Fireworks Effect 2.0