Generador de efectos de partículas

Crea animaciones de partículas personalizables

Preajuste

Vista previa

Cargando...

Ajustes

Cantidad de partículas120

Velocidad (Mín)0.5

Velocidad (Máx.)2

Rango de tamaño (Mín)1

Rango de tamaño (Máx.)5

Opacidad0.9

Forma

Colores#ffffff

Gravedad0

Viento0.3

Rebote

Interacción

Exportar

{
  "fullScreen": {
    "enable": false
  },
  "background": {
    "color": {
      "value": "transparent"
    }
  },
  "particles": {
    "number": {
      "value": 120,
      "density": {
        "enable": true
      }
    },
    "color": {
      "value": "#ffffff"
    },
    "shape": {
      "type": "circle"
    },
    "opacity": {
      "value": {
        "min": 0.4,
        "max": 0.9
      }
    },
    "size": {
      "value": {
        "min": 1,
        "max": 5
      }
    },
    "move": {
      "enable": true,
      "speed": {
        "min": 0.5,
        "max": 2
      },
      "direction": "bottom",
      "straight": false,
      "outModes": {
        "default": "out"
      },
      "drift": 0.3
    },
    "wobble": {
      "enable": true,
      "distance": 10,
      "speed": 5
    }
  },
  "interactivity": {
    "events": {
      "onHover": {
        "enable": true,
        "mode": "repulse"
      }
    },
    "modes": {
      "repulse": {
        "distance": 80,
        "duration": 0.4
      }
    }
  }
}

¿Qué es Generador de efectos de partículas?

Diseña y previsualiza animaciones de partículas atractivas para tu sitio web o aplicación. Configura la cantidad de partículas, velocidad, tamaño, color, forma, comportamiento de interacción y física para crear efectos como nieve, confeti, luciérnagas o patrones de galaxia. Exporta la configuración como código listo para usar.

Cómo usar

Elige un efecto preestablecido (nieve, confeti, luciérnagas, burbujas, galaxia) o comienza desde cero.
Ajusta las propiedades de las partículas: cantidad, velocidad, rango de tamaño, colores, formas, opacidad y físicas como gravedad y rebote.
Previsualiza la animación en vivo, luego copia la configuración JSON de tsParticles o expórtala como un fragmento HTML independiente.

Resultado

Un desarrollador web selecciona el preestablecido de nieve, aumenta la cantidad de partículas a 200, añade una ligera deriva de viento y copia el JSON de configuración para agregar un efecto invernal a su página de aterrizaje navideña.

Generador de efectos de partículas

¿Qué es Generador de efectos de partículas?

Cómo usar

Resultado

Herramientas relacionadas

Generador de texturas

Creador de organigramas

Generador de animaciones CSS

Creador de Miniaturas para YouTube

Generador de nubes de palabras

Creador de Líneas de Tiempo

Generador de efectos de partículas