Skip to content

Instalacao

Esta pagina replica a matriz de instalacao do README principal de tsParticles.

Referencia oficial: https://github.com/tsparticles/tsparticles/blob/main/README.md#library-installation

Escolha seu caminho

  • Padrao rapido: @tsparticles/engine + @tsparticles/slim
  • Runtime personalizado mais leve: @tsparticles/engine + apenas plugins necessarios
  • APIs focadas: @tsparticles/particles, @tsparticles/confetti ou @tsparticles/fireworks
  • Todos os recursos incluidos: @tsparticles/all

Hospedagem / CDN

Use um destes provedores (ou hospede voce mesmo os arquivos gerados).

jsDelivr

cdnjs

unpkg

Instalacao via package manager

npm

bash
npm install @tsparticles/engine

yarn

bash
yarn add @tsparticles/engine

pnpm

bash
pnpm add @tsparticles/engine

Import e require

ts
const tsParticles = require("@tsparticles/engine");

// or

import { tsParticles } from "@tsparticles/engine";

Configuracao minima de runtime (@tsparticles/slim)

ts
import { tsParticles } from "@tsparticles/engine";
import { loadSlim } from "@tsparticles/slim";

await loadSlim(tsParticles);

await tsParticles.load({
  id: "tsparticles",
  options: {
    particles: {
      move: {
        enable: true,
      },
      number: {
        value: 60,
      },
    },
  },
});

Paginas relacionadas

Compatibilidade legada

Se voce estiver migrando integracoes antigas de particles.js, use o pacote de compatibilidade: