tsParticlesМощный движок частиц и простой процесс разработки

Добавляйте интерактивные фоны, эффекты и конфетти в любом framework.

Быстрый старт

Начните с минимальной конфигурации и постепенно переходите к presets, plugins и пользовательским формам.

React, Vue, Angular, Svelte, Solid, Web Components и Vanilla JavaScript.

Контролируйте размер bundle с @tsparticles/basic, @tsparticles/slim, tsparticles или @tsparticles/all.

Используйте @tsparticles/particles, @tsparticles/confetti и @tsparticles/fireworks для setup в один вызов.

Сайт был переработан вокруг самого частого вопроса: "Как использовать tsParticles сейчас?"

Начните с рабочего примера менее чем за 5 минут.
Выберите правильный пакет без долгого поиска по репозиториям.
Быстро находите опции, конфигурации, presets и palettes.
Включайте тяжелые эффекты только тогда, когда это действительно нужно, с явным управлением старт/пауза.

/guide/getting-started: установка, первый рендер и минимальные опции.
/guide/installation: матрица установки для CDN/package manager и варианты импорта.
/playground/: запускайте демо по команде и редактируйте JSON вживую.
/demos/: готовые рецепты для продакшена.
/options/: карта корневых опций и прямые ссылки.
/migration/: миграция с particles.js с заметками по совместимости.
/guide/wrappers: официальные wrappers и ссылки по framework.
/guide/plugins-customization: пользовательские shapes, presets и расширение через plugins.
/guide/templates-resources: стартовые репозитории и полезные ресурсы.
/guide/video-tutorials: официальные видео-демо и материалы.
/guide/dependency-graph: карта зависимостей на уровне пакетов.