tsParticles
Create beautiful, interactive particle animations and effects for web pages.
Animation and motion npm MIT
Used in agent projects
62
0.5% of 12,697 public repos built with AI coding agents
Rank in animation and motion
#13 of 28
by use in those projects
Downloads
275K
npm, last 7 days, @tsparticles/react
GitHub stars
8,991
last push Oct 6, 2026
How tsParticles is used
tsParticles is a dependency in 62 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (0.5%), #13 of 28 in animation and motion. The most used alternative there is Framer Motion. Projects that use it most often also use React Three Fiber (83.9%), Three.js (82.3%), clsx (80.6%).
Often used with tsParticles
| React Three Fiber | 83.9% of tsParticles projects · 4.5× more than average |
|---|---|
| Three.js | 82.3% of tsParticles projects · 4.5× more than average |
| clsx | 80.6% of tsParticles projects · 4.5× more than average |
| Tailwind Merge | 80.6% of tsParticles projects · 4.8× more than average |
| Framer Motion | 79.0% of tsParticles projects · 5.9× more than average |
| Class Variance Authority | 62.9% of tsParticles projects · 4.5× more than average |
| next-themes | 62.9% of tsParticles projects · 7.2× more than average |
| Next.js | 74.2% of tsParticles projects · 3.3× more than average |
By coding agent
| GitHub Copilot | 0.2% of projects set up for it |
|---|---|
| Claude Code | 0.2% of projects set up for it |
Share of public repos configured for each agent that list tsParticles as a dependency.
Install
| Package | npm install @tsparticles/react |
|---|---|
| Packages counted | @tsparticles/react, @tsparticles/slim, @tsparticles/engine, @tsparticles/all, @tsparticles/vue3, @tsparticles/confetti, @tsparticles/basic, @tsparticles/interaction-external-trail |
| Main stacks | Next.js (46), TypeScript / JavaScript (16) |
| Example projects | HXQLabs/helixque-landing, Midhun-git-hub/React-Research-lab, Murphy-CodeLabs/murphy, SHD-Development/lolidactyl, sporeproject/spore-frontend |
Alternatives to tsParticles
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Framer Motion npm Simple and powerful animation library for React components. |
1,703 (13.4%) | 50.1M | 33.9K | MIT |
| Tailwind CSS Animate npm Tailwind CSS plugin adding ready-to-use animation utilities. |
945 (7.4%) | 20.4M | — | MIT |
| tw-animate-css npm Tailwind CSS v4.0 compatible animation plugin replacement. |
851 (6.7%) | 39.6M | 806 | MIT |
| Embla Carousel npm Lightweight carousel component with fluid motion and precise swipe handling for React. |
605 (4.8%) | 30.4M | 8,439 | MIT |
| GSAP npm Professional animation library for high-performance CSS, SVG, canvas and React animations. |
599 (4.7%) | 5.9M | 29K | Standard 'no charge' license: https://gsap.com/standard-license. |
| Motion npm Animation library for JavaScript and React with simple, powerful motion primitives. |
416 (3.3%) | 24.4M | 33.9K | MIT |
| Lenis npm Smooth scrolling library that enhances page scroll experiences with physics-based animations. |
193 (1.5%) | 1.8M | 16.3K | MIT |
| React Native Reanimated npm High-performance animation library for React Native with worklet support. |
129 (1.0%) | 9.3M | 11K | MIT |