Guias Passo a Passo

Bem-vindo à seção de guias do tsParticles. Quer você esteja construindo um site estático Vanilla JS, um aplicativo de página única em React ou Vue, ou uma aplicação full-stack com Next.js ou Nuxt, estes tutoriais passo a passo guiarão você pela instalação, uso básico, configurações avançadas e efeitos interativos.

Cada guia é autocontido e inclui exemplos de código copiáveis para que você possa começar rapidamente.

Guias Disponíveis

Framework / Wrapper	Pacote	Descrição
Vanilla JS	tsparticles (CDN ou npm)	Integração DOM direta com tsParticles.load()
React	@tsparticles/react	Wrapper React oficial com hooks e API de componentes
Vue 3	@tsparticles/vue3	Plugin Vue 3 oficial com composables
Angular	@tsparticles/angular	Componente e módulo Angular oficial
Svelte	@tsparticles/svelte	Componente Svelte oficial
Next.js	@tsparticles/react (com Next.js)	Renderização no servidor e importações dinâmicas
Nuxt	@tsparticles/vue3 (com Nuxt)	Integração SSR-safe como plugin Nuxt
Solid	@tsparticles/solid	Wrapper SolidJS oficial
Preact	@tsparticles/preact	Componente compatível com Preact
Lit	@tsparticles/lit	Wrapper de web component Lit
Qwik	@tsparticles/qwik	Integração otimizada para Qwik
jQuery	@tsparticles/jquery	Plugin jQuery para projetos legados
Astro	@tsparticles/react (ou qualquer wrapper)	Arquitetura de ilhas com diretivas cliente
Web Components	@tsparticles/webcomponents	Integração com API de Custom Elements
Stencil	@tsparticles/stencil	Wrapper de componente Stencil
Ember	@tsparticles/ember	Integração addon Ember
Riot	@tsparticles/riot	Wrapper Riot.js
Inferno	@tsparticles/inferno	Componente compatível com Inferno
WordPress	Plugin + tsparticles	Integração com editor de blocos / shortcode

Escolha Seu Guia

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

Boas construções!