Пошаговые руководства

Добро пожаловать в раздел руководств tsParticles. Создаёте ли вы статический Vanilla JS сайт, одностраничное приложение на React или Vue, или полнофункциональное приложение на Next.js или Nuxt — эти пошаговые руководства проведут вас через установку, базовое использование, продвинутые конфигурации и интерактивные эффекты.

Каждое руководство самодостаточно и содержит примеры кода для копирования, чтобы вы могли быстро начать работу.

Доступные руководства

Фреймворк / Обёртка	Пакет	Описание
Vanilla JS	tsparticles (CDN или npm)	Прямая DOM-интеграция с tsParticles.load()
React	@tsparticles/react	Официальная обёртка React с хуками и компонентами
Vue 3	@tsparticles/vue3	Официальный плагин Vue 3 с composables
Angular	@tsparticles/angular	Официальный компонент и модуль Angular
Svelte	@tsparticles/svelte	Официальный компонент Svelte
Next.js	@tsparticles/react (с Next.js)	Серверный рендеринг и динамические импорты
Nuxt	@tsparticles/vue3 (с Nuxt)	SSR-безопасная интеграция как плагин Nuxt
Solid	@tsparticles/solid	Официальная обёртка SolidJS
Preact	@tsparticles/preact	Совместимый компонент Preact
Lit	@tsparticles/lit	Обёртка веб-компонента Lit
Qwik	@tsparticles/qwik	Оптимизированная интеграция для Qwik
jQuery	@tsparticles/jquery	Плагин jQuery для легаси-проектов
Astro	@tsparticles/react (или любая обёртка)	Архитектура Island с клиентскими директивами
Web Components	@tsparticles/webcomponents	Интеграция через Custom Elements API
Stencil	@tsparticles/stencil	Обёртка компонента Stencil
Ember	@tsparticles/ember	Интеграция аддона Ember
Riot	@tsparticles/riot	Обёртка Riot.js
Inferno	@tsparticles/inferno	Совместимый компонент Inferno
WordPress	Плагин + tsparticles	Интеграция через блочный редактор / шорткоды

Выберите руководство

• Vanilla JS (чистый JavaScript)
• React
• Vue 3
• Angular
• Svelte
• Next.js
• Nuxt
• Solid
• Preact
• Lit
• Qwik
• jQuery
• Astro
• Web Components
• Stencil
• Ember
• Riot
• Inferno
• WordPress

Удачной разработки!