DEV Community

Cover image for How to create beautiful confetti animations with tsParticles
Matteo Bruni for tsParticles

Posted on • Updated on

How to create beautiful confetti animations with tsParticles

Deprecation notice

This article is outdated. Read the newer details about the new confetti options here


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 (2)

The discussion has been locked. New comments can't be added.
Collapse
 
ronaldolds7 profile image
Info Comment hidden by post author - thread only accessible via permalink
ronaldolds7

Matt: In the article you mentioned that personal objects could be used instead of confetti. I'm trying to use a sprite (single, isolated sprite from a sprite sheet) as my animation object. But, don't know how to inject into my Javascript file. It seems the confetti comes from an HTTPS address. I have my object on my hard drive. ???

Collapse
 
matteobruni profile image
Matteo Bruni • Edited

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