Guides Pas à Pas

Bienvenue dans la section des guides tsParticles. Que vous construisiez un site statique Vanilla JS, une application monopage en React ou Vue, ou une application full-stack avec Next.js ou Nuxt, ces tutoriels pas à pas vous guideront à travers l'installation, l'utilisation de base, les configurations avancées et les effets interactifs.

Chaque guide est autonome et inclut des exemples de code copiables pour vous permettre de démarrer rapidement.

Guides disponibles

Framework / Encapsuleur	Package	Description
Vanilla JS	tsparticles (CDN ou npm)	Intégration DOM directe avec tsParticles.load()
React	@tsparticles/react	Encapsuleur React officiel avec hooks et API composant
Vue 3	@tsparticles/vue3	Plugin Vue 3 officiel avec composables
Angular	@tsparticles/angular	Composant et module Angular officiel
Svelte	@tsparticles/svelte	Composant Svelte officiel
Next.js	@tsparticles/react (avec Next.js)	Rendu côté serveur et imports dynamiques
Nuxt	@tsparticles/vue3 (avec Nuxt)	Intégration SSR-safe en tant que plugin Nuxt
Solid	@tsparticles/solid	Encapsuleur SolidJS officiel
Preact	@tsparticles/preact	Composant compatible Preact
Lit	@tsparticles/lit	Encapsuleur web component Lit
Qwik	@tsparticles/qwik	Intégration optimisée pour Qwik
jQuery	@tsparticles/jquery	Plugin jQuery pour projets legacy
Astro	@tsparticles/react (ou tout encapsuleur)	Architecture d'îlots avec directives client
Web Components	@tsparticles/webcomponents	Intégration API Custom Elements
Stencil	@tsparticles/stencil	Encapsuleur composant Stencil
Ember	@tsparticles/ember	Intégration addon Ember
Riot	@tsparticles/riot	Encapsuleur Riot.js
Inferno	@tsparticles/inferno	Composant compatible Inferno
WordPress	Plugin + tsparticles	Intégration éditeur de blocs / shortcode

Choisissez votre guide

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

Bon développement !