Guide Passo-Passo

Benvenuto nella sezione guide di tsParticles. Che tu stia costruendo un sito statico Vanilla JS, un'applicazione a pagina singola in React o Vue, o un'applicazione full-stack con Next.js o Nuxt, questi tutorial passo-passo ti guideranno attraverso installazione, utilizzo base, configurazioni avanzate ed effetti interattivi.

Ogni guida è autonoma e include esempi di codice copiabili per iniziare rapidamente.

Guide Disponibili

Framework / Wrapper	Package	Descrizione
Vanilla JS	tsparticles (CDN o npm)	Integrazione DOM diretta con tsParticles.load()
React	@tsparticles/react	Wrapper React ufficiale con hook e API componenti
Vue 3	@tsparticles/vue3	Plugin Vue 3 ufficiale con composables
Angular	@tsparticles/angular	Componente e modulo Angular ufficiale
Svelte	@tsparticles/svelte	Componente Svelte ufficiale
Next.js	@tsparticles/react (con Next.js)	Rendering lato server e import dinamici
Nuxt	@tsparticles/vue3 (con Nuxt)	Integrazione SSR-safe come plugin Nuxt
Solid	@tsparticles/solid	Wrapper SolidJS ufficiale
Preact	@tsparticles/preact	Componente compatibile con Preact
Lit	@tsparticles/lit	Wrapper componente web Lit
Qwik	@tsparticles/qwik	Integrazione ottimizzata per Qwik
jQuery	@tsparticles/jquery	Plugin jQuery per progetti legacy
Astro	@tsparticles/react (o qualsiasi wrapper)	Architettura a isole con direttive client
Web Components	@tsparticles/webcomponents	Integrazione API Custom Elements
Stencil	@tsparticles/stencil	Wrapper componente Stencil
Ember	@tsparticles/ember	Addon Ember
Riot	@tsparticles/riot	Wrapper Riot.js
Inferno	@tsparticles/inferno	Componente compatibile con Inferno
WordPress	Plugin + tsparticles	Integrazione editor a blocchi / shortcode

Scegli la Tua Guida

• 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

Buon sviluppo!