Deprecation notice
This article is outdated. Read the newer details about the new confetti options here
[JS] How to create beautiful and realistic confetti animation with tsParticles
Matteo Bruni for tsParticles ・ Jun 29 '21
#showdev
#javascript
#html
#webdev
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
Table of Contents
-
tsParticles - TypeScript Particles
- Table of Contents
- Do you want to use it on your website?
- Library installation
- Official components for some of the most used frameworks
- Presets
- Templates and Resources
- Demo / Generator
- Video Tutorials
- …
Top comments (2)
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. ???
This article is old, you can read here the new one
[JS] How to create beautiful and realistic confetti animation with tsParticles
Matteo Bruni for tsParticles ・ Jun 29 '21
Some comments have been hidden by the post's author - find out more