#47 · Primary category: Video & Animation

tsparticles

2d angular animations bg canvas confetti fireworks hacktoberfest html javascript js npm particles react svelte ts tsparticles typescript vue web

Lightweight TypeScript library for creating customizable particle effects, confetti explosions, and fireworks animations for websites, with ready-to-use components for popular frameworks.

Project last updated:08/13/26

GitHub Stars

9.0K

Forks

943

Contributors

107

License

MIT

Why we included this project

Landing pages and marketing sites often want a little motion to make a first impression, and tsParticles delivers it without handing you a full animation engine. It draws particle fields, confetti, and fireworks onto an HTML canvas, with official wrappers for React, Vue, Angular, Svelte, Solid, jQuery, and Web Components, so the same effect carries over if you switch frameworks. Colors, shapes, linking, and movement speed are all configurable, and the bundled presets plus a separate config package let you start from a working recipe instead of a blank page. It is dependency-free and distributed through npm or a CDN, which means it fits both bundler-based apps and plain HTML pages. Teams that want a production-usable animated background rather than another renderer to maintain will find this a clean fit.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category