DEV Community

Cover image for [React.js] How to create beautiful and realistic confetti animations using tsParticles
Matteo Bruni for tsParticles

Posted on • Updated on

[React.js] How to create beautiful and realistic confetti animations using tsParticles

I wrote a post about tsParticles and the new confetti animation created in the 1.30 version.

This configuration can be used as is in any React tsParticles installation.

import Particles from "react-tsparticles"

<!-- this component can be placed anywhere -->
<Particles options={/* paste options here */} />
Enter fullscreen mode Exit fullscreen mode

A working sample can be found below

GitHub logo 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.

Top comments (1)

Collapse
 
mrzenw profile image
Info Comment hidden by post author - thread only accessible via permalink
MrZenW

Is today confetti day?

Some comments have been hidden by the post's author - find out more