Wrapper: @tsparticles/react

Official React wrapper for tsParticles.

Install

pnpm add @tsparticles/react @tsparticles/engine @tsparticles/slim

Quick setup flow

1. Install wrapper + engine + loader package.
2. Initialize once with ParticlesProvider and loadSlim.
3. Render Particles component with typed options.

Monorepo references

• Package folder: https://github.com/tsparticles/tsparticles/tree/main/wrappers/react
• Demo app: https://github.com/tsparticles/tsparticles/tree/main/demo/react

Readme

• Wrapper README: https://github.com/tsparticles/tsparticles/tree/main/wrappers/react#readme

Related docs

• /guide/wrappers
• /guide/frameworks