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. observed · 2026-08-28
Health v2 · maintenance only
96/100
- Activity 97
- Release rhythm 91
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 2
- age_days: 2401
- days_rel: 63
- days_push: 20
- n_releases_24m: 10
Adoption not part of the score
8966 stars · 945 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
tsParticles is a lightweight, dependency-free TypeScript library for creating customizable particle effects, confetti explosions, and fireworks animations on HTML canvas. It ships framework wrappers for React, Vue, Angular, Svelte, Solid, jQuery, Web Components, and more, with modular bundles to control bundle size.
Use cases
- add animated particle backgrounds to a website
- create confetti explosion effects on button clicks
- render fireworks animations on a landing page
- add interactive particle effects to a React app
- create a particles.js-style background in Vue or Angular
- build custom canvas particle shapes and interactions
When to choose
- you need decorative particle, confetti, or fireworks effects in a web app
- you want framework wrappers for React, Vue, Angular, Svelte, or Web Components
- you need fine-grained control over bundle size via modular packages
- you want a maintained, actively developed successor to particles.js
When to avoid
- you need 3D particle systems or WebGL/GPU-accelerated effects
- you want a full animation suite beyond particles (e.g., GSAP-style timelines)
- you need effects outside the browser, such as native mobile or server-side rendering of particles
- you require zero JavaScript for the visual effect
Facets
library · maturity stable
animation ui-components graphics frontend web-development graphics browser particles confetti fireworks canvas typescript animated-backgrounds react vue angular svelte nodejs web-server
4 sources
- readme: https://github.com/tsparticles/tsparticles · fetched 2026-08-28 · ef3023e9450c
- homepage: https://particles.js.org · fetched 2026-08-29 · 86a3464165a8
- site_page: https://particles.js.org/guide/getting-started · fetched 2026-08-29 · 75193a272a7b
- site_page: https://particles.js.org/guide/installation · fetched 2026-08-29 · d9dd53b29dbb
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| tsparticles/tsparticles | main | 96 |
For agents
markdown · JSON · MCP: product_card(name="tsparticles/tsparticles")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem