Wrapper: @tsparticles/astro

Official Astro wrapper for tsParticles.

Install

pnpm add @tsparticles/astro @tsparticles/engine @tsparticles/slim

Quick setup flow

1. Install wrapper + engine + chosen loader (@tsparticles/slim suggested).
2. Register particles on the client side in Astro components/layouts.
3. Pass options object or JSON to the wrapper component.

Monorepo references

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

Readme

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

Related docs

• /guide/wrappers
• /guide/frameworks