Демо, готовое к использованию

В этих рецептах используются официальные пресеты, доступные в рабочей области presets/presets (бета-/альфа-версия ближе к выпуску).

Запуск/остановка базового шаблона (без автозапуска)

import { tsParticles } from "@tsparticles/engine";
import type { Container, ISourceOptions } from "@tsparticles/engine";

let container: Container | undefined;

export async function start(id: string, options: ISourceOptions): Promise<void> {
  container?.destroy();
  container = await tsParticles.load({ id, options });
}

export function stop(): void {
  container?.pause();
}

export function resume(): void {
  container?.play();
}

Предустановленные рецепты

• Каталог пресетов: /demos/presets

• Каталог палитр: /demos/palettes

• Каталог форм: /demos/shapes

• Ambient

• Big Circles

• Bubbles

• Confetti

• Confetti Cannon

• Confetti Explosions

• Confetti Falling

• Confetti Parade

• Fire

• Firefly

• Fireworks

• Fountain

• Hyperspace

• Links

• Matrix

• Sea Anemone

• Snow

• Squares

• Stars

• Triangles

Чтобы немедленно протестировать их в пользовательском интерфейсе, используйте Playground и запускайте их с помощью Start только при необходимости.

Демо-проекты Framework

Монорепо также включает в себя работоспособные демо-версии интеграции:

• Исходная папка: https://github.com/tsparticles/tsparticles/tree/main/demo.
• Доступные демоверсии: angular, astro, electron, inferno, ionic, jquery, lit, nextjs, nextjs-legacy, nuxt2, nuxt3, nuxt4, preact, react, riot, solid, svelte, svelte-kit, vanilla, vanilla_new, vite, vue2, vue3, webcomponents.