tsParticles Demo Configs

Installation

npm install --save-dev @tsparticles/configs
Copy

or

yarn add --dev @tsparticles/configs
Copy

or

pnpm add --save-dev @tsparticles/configs
Copy

CDN

<script src="https://cdn.jsdelivr.net/npm/@tsparticles/engine/tsparticles.engine.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/configs/tsparticles.configs.min.js"></script>
Copy

Usage

JavaScript

import { tsParticles } from "@tsparticles/engine"; // not needed with CDN
import * as configs from "@tsparticles/configs"; // not needed with CDN

(async () => {
  await tsParticles.load({ id: "tsparticles", options: configs.basic });
})();
Copy

TypeScript

import { tsParticles } from "@tsparticles/engine";
import * as configs from "@tsparticles/configs";

(async () => {
  await tsParticles.load({ id: "tsparticles", options: configs.basic });
})();
Copy

Plugins

Some configs need plugins to work, they are not installed with this library.

This library contains only the config files, the plugins must be installed separately.