Skip to content

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

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

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

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

Фреймворк / ОбёрткаПакетОписание
Vanilla JStsparticles (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Интеграция через блочный редактор / шорткоды

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

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