Guías Paso a Paso
Bienvenido a la sección de guías de tsParticles. Ya sea que estés construyendo un sitio estático con Vanilla JS, una aplicación de una sola página en React o Vue, o una aplicación full-stack con Next.js o Nuxt, estos tutoriales paso a paso te guiarán en la instalación, el uso básico, las configuraciones avanzadas y los efectos interactivos.
Cada guía es autónoma e incluye ejemplos de código listos para copiar y pegar para que puedas empezar rápidamente.
Guías Disponibles
| Framework / Wrapper | Paquete | Descripción |
|---|---|---|
| Vanilla JS | tsparticles (CDN o npm) | Integración directa con DOM usando tsParticles.load() |
| React | @tsparticles/react | Wrapper oficial de React con hooks y API de componentes |
| Vue 3 | @tsparticles/vue3 | Plugin oficial de Vue 3 con composables |
| Angular | @tsparticles/angular | Componente y módulo oficial de Angular |
| Svelte | @tsparticles/svelte | Componente oficial de Svelte |
| Next.js | @tsparticles/react (con Next.js) | Renderizado del lado del servidor e importaciones dinámicas |
| Nuxt | @tsparticles/vue3 (con Nuxt) | Integración segura para SSR como plugin de Nuxt |
| Solid | @tsparticles/solid | Wrapper oficial de SolidJS |
| Preact | @tsparticles/preact | Componente compatible con Preact |
| Lit | @tsparticles/lit | Wrapper de componente web Lit |
| Qwik | @tsparticles/qwik | Integración optimizada para Qwik |
| jQuery | @tsparticles/jquery | Plugin de jQuery para proyectos heredados |
| Astro | @tsparticles/react (o cualquier wrapper) | Arquitectura de islas con directivas de cliente |
| Web Components | @tsparticles/webcomponents | Integración con API de Custom Elements |
| Stencil | @tsparticles/stencil | Wrapper de componente Stencil |
| Ember | @tsparticles/ember | Integración como addon de Ember |
| Riot | @tsparticles/riot | Wrapper de Riot.js |
| Inferno | @tsparticles/inferno | Componente compatible con Inferno |
| WordPress | Plugin + tsparticles | Integración con editor de bloques / shortcode |
Elige tu Guía
- Vanilla JS (JavaScript plano)
- React
- Vue 3
- Angular
- Svelte
- Next.js
- Nuxt
- Solid
- Preact
- Lit
- Qwik
- jQuery
- Astro
- Web Components
- Stencil
- Ember
- Riot
- Inferno
- WordPress
¡Feliz construcción!