Schritt-für-Schritt-Anleitungen

Willkommen im tsParticles-Anleitungsbereich. Egal, ob Sie eine statische Vanilla-JS-Seite, eine Single-Page-App in React oder Vue oder eine Full-Stack-Anwendung mit Next.js oder Nuxt erstellen, diese Schritt-für-Schritt-Tutorials führen Sie durch Installation, grundlegende Verwendung, erweiterte Konfigurationen und interaktive Effekte.

Jede Anleitung ist in sich geschlossen und enthält kopierbare Code-Beispiele, damit Sie schnell loslegen können.

Verfügbare Anleitungen

Framework / Wrapper	Paket	Beschreibung
Vanilla JS	tsparticles (CDN oder npm)	Direkte DOM-Integration mit tsParticles.load()
React	@tsparticles/react	Offizieller React-Wrapper mit Hooks und Komponenten
Vue 3	@tsparticles/vue3	Offizielles Vue-3-Plugin mit Composables
Angular	@tsparticles/angular	Offizielle Angular-Komponente und -Modul
Svelte	@tsparticles/svelte	Offizielle Svelte-Komponente
Next.js	@tsparticles/react (mit Next.js)	Serverseitiges Rendern und dynamische Importe
Nuxt	@tsparticles/vue3 (mit Nuxt)	SSR-sichere Integration als Nuxt-Plugin
Solid	@tsparticles/solid	Offizieller SolidJS-Wrapper
Preact	@tsparticles/preact	Preact-kompatible Komponente
Lit	@tsparticles/lit	Lit-Webkomponenten-Wrapper
Qwik	@tsparticles/qwik	Qwik-optimierte Integration
jQuery	@tsparticles/jquery	jQuery-Plugin für Legacy-Projekte
Astro	@tsparticles/react (oder beliebig)	Island-Architektur mit Client-Direktiven
Web Components	@tsparticles/webcomponents	Custom-Elements-API-Integration
Stencil	@tsparticles/stencil	Stencil-Komponenten-Wrapper
Ember	@tsparticles/ember	Ember-Addon-Integration
Riot	@tsparticles/riot	Riot.js-Wrapper
Inferno	@tsparticles/inferno	Inferno-kompatible Komponente
WordPress	Plugin + tsparticles	Block-Editor-/Shortcode-Integration

Wählen Sie Ihre Anleitung

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

Viel Erfolg beim Erstellen!