Fast onboarding
Start with a minimal setup, then scale to presets, plugins, and custom shapes.
tsParticlesPowerful particle engine, simple developer workflow
Ship interactive backgrounds, effects, and confetti on any framework.
Skip to content
Why this docs experience
The website has been redesigned around the most common question: "How do I use tsParticles now?"
- Start from a working snippet in under 5 minutes.
- Choose the right package without digging through many repos.
- Find options, configs, presets, and palettes quickly.
- Run heavy effects only when you decide with explicit Start/Pause controls.
What to read first
/guide/getting-started: installation, first render, minimal options./guide/installation: CDN/package-manager install matrix and import styles./playground/: launch demos only on command and edit JSON live./demos/: copy ready-to-use recipes for production./options/: map of root options and deep links./guide/migrations: migrate from tsParticles v1/v2/v3 to current./migration/: migrate from particles.js with compatibility notes./guide/wrappers: official wrapper packages and framework links./guide/plugins-customization: custom shapes, presets, and plugin extension./guide/templates-resources: starter repos and shareable resources./guide/video-tutorials: official video demos and references./guide/dependency-graph: package-level map for engine and bundles.
Core source and folders
- Main monorepo: github.com/tsparticles/tsparticles
- Main README (quick start, wrappers, presets): README.md
- Wrappers folder:
tsparticles/wrappers - Demo apps folder:
tsparticles/demo - Presets workspace folders:
tsparticles/presets - Palettes workspace folders:
tsparticles/palettes - Root options source:
tsparticles/markdown/Options.md - Migration source:
tsparticles/markdown/pjsMigration.md
Support the project
- Sponsor Matteo Bruni: https://github.com/matteobruni
- Sponsor tsParticles org: https://github.com/tsparticles