Skip to content

tsParticlesPowerful particle engine, simple developer workflow

Ship interactive backgrounds, effects, and confetti on any framework.

Z Index

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

  1. /guide/getting-started: installation, first render, minimal options.
  2. /guide/installation: CDN/package-manager install matrix and import styles.
  3. /playground/: launch demos only on command and edit JSON live.
  4. /demos/: copy ready-to-use recipes for production.
  5. /options/: map of root options and deep links.
  6. /migrations/: migrate from tsParticles v1/v2/v3 to current.
  7. /migrations/particles-js: migrate from particles.js with compatibility notes.
  8. /guide/wrappers: official wrapper packages and framework links.
  9. /guide/plugins-customization: custom shapes, presets, and plugin extension.
  10. /guide/templates-resources: starter repos and shareable resources.
  11. /guide/video-tutorials: official video demos and references.
  12. /guide/dependency-graph: package-level map for engine and bundles.

Core source and folders

Support the project