tsParticles WP Block

Official tsParticles WordPress Plugin

Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website.
Ready to use components available also for Web Components, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, React, Riot.js, Solid.js, Inferno.

Official tsParticles website with options editor: https://particles.js.org

Official Social Channels:

• GitHub
• Discord
• Telegram
• Reddit
• Twitter

Breaking Changes

• Removed @tsparticles/updater-color and @tsparticles/updater-stroke-color, consolidated into @tsparticles/updater-paint
• Removed @tsparticles/move-base and @tsparticles/move-parallax, consolidated into @tsparticles/plugin-move
• Default options updated: removed fpsLimit, changed particles.color to particles.paint.color

Bug Fixes

• Fixed default options alignment with engine v4 API (particles.color → particles.paint.color)
• Fixed missing plugin-lch-color and duplicate plugin-oklch-color in source loaders
• Fixed missing toggle attributes for various packages in block.json
• Fixed alignment between package.json dependencies, block.json toggles, and source loaders (all 151 toggleable packages now match)

New Features

• Added toggleable support for all new v4 packages:
  • Effects: filter, particles, shadow
  • Interactions: external-cannon, external-destroy, external-drag, external-parallax, external-particle
  • Paths: branches, brownian, fractal-noise, grid, levy, random, spiral, zig-zag
  • Plugins: background-mask, blend, easing-bounce, easing-elastic, easing-gaussian, easing-sigmoid, easing-smoothstep, hex-color, hsl-color, hwb-color, interactivity, lab-color, lch-color, manual-particles, move, named-color, oklab-color, oklch-color, poisson-disc, responsive, rgb-color, themes, trail, zoom
  • Presets: ambient, confetti-cannon, confetti-explosions, confetti-falling, confetti-parade, hyperspace, matrix, meteors, party
  • Shapes: infinity, matrix, ribbon, squircle

  = 3.0.0

  Breaking changes

  • Removed all tsParticles load methods to keep only a single one using a single object parameter
  • Removed support for shape deprecated properties like shape.image, shape.polygon, shape.stroke
    • the stroke property can be found in the particles section, not in the shape object
    • the image and polygon properties, like any other shape, are part of the shape.options object

    Major Changes

    • All the components for Front End frameworks were removed from this repository, each one now has its own repository. This is mainly for maintainability. It’s easier to support multiple Front End frameworks versions in a dedicated repository instead of a multipurpose monorepository. Vue.js 2.x and 3.x were kept split because they have many differences.
      • Angular (@tsparticles/angular): https://github.com/tsparticles/angular (v3 under development)
      • Astro (@tsparticles/astro): https://github.com/tsparticles/astro (v3 under development)
      • Ember (@tsparticles/ember): https://github.com/tsparticles/ember (v3 under development)
      • Inferno (@tsparticles/inferno): https://github.com/tsparticles/inferno (v3 under development)
      • jQuery (@tsparticles/jquery): https://github.com/tsparticles/jquery (v3 under development)
      • Lit (@tsparticles/lit): https://github.com/tsparticles/lit (v3 under development)
      • Preact (@tsparticles/preact): https://github.com/tsparticles/preact (v3 under development)
      • React (@tsparticles/react): https://github.com/tsparticles/react (v3 under development)
      • Riot (@tsparticles/riot): https://github.com/tsparticles/riot (v3 under development)
      • Solid (@tsparticles/solid): https://github.com/tsparticles/solid (v3 under development)
      • Svelte (@tsparticles/svelte): https://github.com/tsparticles/svelte (v3 under development)
      • Vue.js (@tsparticles/vue): https://github.com/tsparticles/vue (v3 under development)
      • Web Components (@tsparticles/webcomponents): https://github.com/tsparticles/webcomponents (v3 under development)
      • WordPress (@tsparticles/wordpress): https://github.com/tsparticles/wordpress (v3 under development)

      Read the full description on the official page →