Merge pull request tsparticles#5754 from tsparticles/v4

4.0.0-beta.17

Author: matteobruni

CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.17](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.16...v4.0.0-beta.17) (2026-05-15)
+
+### Bug Fixes
+
+- escape raw svg tags in SVGPathElement docs ([b9780c5](https://github.com/tsparticles/tsparticles/commit/b9780c5be6000db220b0b5c96f8d12e7119fa1db))
+- fixed some demos code ([9a665dc](https://github.com/tsparticles/tsparticles/commit/9a665dca30251553a4189cdc871eb6bbf2866c59))
+- position.z value now is integer, so buckets will work better ([613210a](https://github.com/tsparticles/tsparticles/commit/613210ae8bf5c4e24efb3170795385d270688a07))
+
+### Features
+
+- added new palettes ([9896872](https://github.com/tsparticles/tsparticles/commit/9896872255b5c6f9a90716de20e7a8f383abf804))
+- added restore behavior options for attract and repulse interactions ([c2eefee](https://github.com/tsparticles/tsparticles/commit/c2eefeebda99ee6623544367eba8063bfd9ce699))
+
 # [4.0.0-beta.16](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.15...v4.0.0-beta.16) (2026-05-09)
 
 **Note:** Version bump only for package @tsparticles/workspace

bundles/all/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.17](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.16...v4.0.0-beta.17) (2026-05-15)
+
+**Note:** Version bump only for package @tsparticles/all
+
 # [4.0.0-beta.16](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.15...v4.0.0-beta.16) (2026-05-09)
 
 **Note:** Version bump only for package @tsparticles/all

bundles/all/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -105,84 +105,84 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/effect-bubble": "4.0.0-beta.16",
-    "@tsparticles/effect-filter": "4.0.0-beta.16",
-    "@tsparticles/effect-particles": "4.0.0-beta.16",
-    "@tsparticles/effect-shadow": "4.0.0-beta.16",
-    "@tsparticles/effect-trail": "4.0.0-beta.16",
-    "@tsparticles/engine": "4.0.0-beta.16",
-    "@tsparticles/interaction-external-cannon": "4.0.0-beta.16",
-    "@tsparticles/interaction-external-particle": "4.0.0-beta.16",
-    "@tsparticles/interaction-external-pop": "4.0.0-beta.16",
-    "@tsparticles/interaction-light": "4.0.0-beta.16",
-    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.16",
-    "@tsparticles/path-branches": "4.0.0-beta.16",
-    "@tsparticles/path-brownian": "4.0.0-beta.16",
-    "@tsparticles/path-curl-noise": "4.0.0-beta.16",
-    "@tsparticles/path-curves": "4.0.0-beta.16",
-    "@tsparticles/path-fractal-noise": "4.0.0-beta.16",
-    "@tsparticles/path-grid": "4.0.0-beta.16",
-    "@tsparticles/path-levy": "4.0.0-beta.16",
-    "@tsparticles/path-perlin-noise": "4.0.0-beta.16",
-    "@tsparticles/path-polygon": "4.0.0-beta.16",
-    "@tsparticles/path-random": "4.0.0-beta.16",
-    "@tsparticles/path-simplex-noise": "4.0.0-beta.16",
-    "@tsparticles/path-spiral": "4.0.0-beta.16",
-    "@tsparticles/path-svg": "4.0.0-beta.16",
-    "@tsparticles/path-zig-zag": "4.0.0-beta.16",
-    "@tsparticles/plugin-background-mask": "4.0.0-beta.16",
-    "@tsparticles/plugin-blend": "4.0.0-beta.16",
-    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-back": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-circ": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-expo": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-linear": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-quart": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-quint": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-sine": "4.0.0-beta.16",
-    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.16",
-    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.16",
-    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.16",
-    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.16",
-    "@tsparticles/plugin-export-image": "4.0.0-beta.16",
-    "@tsparticles/plugin-export-json": "4.0.0-beta.16",
-    "@tsparticles/plugin-export-video": "4.0.0-beta.16",
-    "@tsparticles/plugin-hsv-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-hwb-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-infection": "4.0.0-beta.16",
-    "@tsparticles/plugin-lab-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-lch-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-manual-particles": "4.0.0-beta.16",
-    "@tsparticles/plugin-motion": "4.0.0-beta.16",
-    "@tsparticles/plugin-named-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-oklab-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-oklch-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.16",
-    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.16",
-    "@tsparticles/plugin-responsive": "4.0.0-beta.16",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.16",
-    "@tsparticles/plugin-themes": "4.0.0-beta.16",
-    "@tsparticles/plugin-trail": "4.0.0-beta.16",
-    "@tsparticles/plugin-zoom": "4.0.0-beta.16",
-    "@tsparticles/shape-arrow": "4.0.0-beta.16",
-    "@tsparticles/shape-cards": "4.0.0-beta.16",
-    "@tsparticles/shape-cog": "4.0.0-beta.16",
-    "@tsparticles/shape-heart": "4.0.0-beta.16",
-    "@tsparticles/shape-infinity": "4.0.0-beta.16",
-    "@tsparticles/shape-matrix": "4.0.0-beta.16",
-    "@tsparticles/shape-path": "4.0.0-beta.16",
-    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.16",
-    "@tsparticles/shape-rounded-rect": "4.0.0-beta.16",
-    "@tsparticles/shape-spiral": "4.0.0-beta.16",
-    "@tsparticles/shape-squircle": "4.0.0-beta.16",
-    "@tsparticles/updater-gradient": "4.0.0-beta.16",
-    "@tsparticles/updater-orbit": "4.0.0-beta.16",
-    "tsparticles": "4.0.0-beta.16"
+    "@tsparticles/effect-bubble": "4.0.0-beta.17",
+    "@tsparticles/effect-filter": "4.0.0-beta.17",
+    "@tsparticles/effect-particles": "4.0.0-beta.17",
+    "@tsparticles/effect-shadow": "4.0.0-beta.17",
+    "@tsparticles/effect-trail": "4.0.0-beta.17",
+    "@tsparticles/engine": "4.0.0-beta.17",
+    "@tsparticles/interaction-external-cannon": "4.0.0-beta.17",
+    "@tsparticles/interaction-external-particle": "4.0.0-beta.17",
+    "@tsparticles/interaction-external-pop": "4.0.0-beta.17",
+    "@tsparticles/interaction-light": "4.0.0-beta.17",
+    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.17",
+    "@tsparticles/path-branches": "4.0.0-beta.17",
+    "@tsparticles/path-brownian": "4.0.0-beta.17",
+    "@tsparticles/path-curl-noise": "4.0.0-beta.17",
+    "@tsparticles/path-curves": "4.0.0-beta.17",
+    "@tsparticles/path-fractal-noise": "4.0.0-beta.17",
+    "@tsparticles/path-grid": "4.0.0-beta.17",
+    "@tsparticles/path-levy": "4.0.0-beta.17",
+    "@tsparticles/path-perlin-noise": "4.0.0-beta.17",
+    "@tsparticles/path-polygon": "4.0.0-beta.17",
+    "@tsparticles/path-random": "4.0.0-beta.17",
+    "@tsparticles/path-simplex-noise": "4.0.0-beta.17",
+    "@tsparticles/path-spiral": "4.0.0-beta.17",
+    "@tsparticles/path-svg": "4.0.0-beta.17",
+    "@tsparticles/path-zig-zag": "4.0.0-beta.17",
+    "@tsparticles/plugin-background-mask": "4.0.0-beta.17",
+    "@tsparticles/plugin-blend": "4.0.0-beta.17",
+    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-back": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-circ": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-expo": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-linear": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-quart": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-quint": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-sine": "4.0.0-beta.17",
+    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.17",
+    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.17",
+    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.17",
+    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.17",
+    "@tsparticles/plugin-export-image": "4.0.0-beta.17",
+    "@tsparticles/plugin-export-json": "4.0.0-beta.17",
+    "@tsparticles/plugin-export-video": "4.0.0-beta.17",
+    "@tsparticles/plugin-hsv-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-hwb-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-infection": "4.0.0-beta.17",
+    "@tsparticles/plugin-lab-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-lch-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-manual-particles": "4.0.0-beta.17",
+    "@tsparticles/plugin-motion": "4.0.0-beta.17",
+    "@tsparticles/plugin-named-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-oklab-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-oklch-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.17",
+    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.17",
+    "@tsparticles/plugin-responsive": "4.0.0-beta.17",
+    "@tsparticles/plugin-sounds": "4.0.0-beta.17",
+    "@tsparticles/plugin-themes": "4.0.0-beta.17",
+    "@tsparticles/plugin-trail": "4.0.0-beta.17",
+    "@tsparticles/plugin-zoom": "4.0.0-beta.17",
+    "@tsparticles/shape-arrow": "4.0.0-beta.17",
+    "@tsparticles/shape-cards": "4.0.0-beta.17",
+    "@tsparticles/shape-cog": "4.0.0-beta.17",
+    "@tsparticles/shape-heart": "4.0.0-beta.17",
+    "@tsparticles/shape-infinity": "4.0.0-beta.17",
+    "@tsparticles/shape-matrix": "4.0.0-beta.17",
+    "@tsparticles/shape-path": "4.0.0-beta.17",
+    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.17",
+    "@tsparticles/shape-rounded-rect": "4.0.0-beta.17",
+    "@tsparticles/shape-spiral": "4.0.0-beta.17",
+    "@tsparticles/shape-squircle": "4.0.0-beta.17",
+    "@tsparticles/updater-gradient": "4.0.0-beta.17",
+    "@tsparticles/updater-orbit": "4.0.0-beta.17",
+    "tsparticles": "4.0.0-beta.17"
   },
   "publishConfig": {
     "access": "public"

bundles/all/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {

bundles/basic/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.17](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.16...v4.0.0-beta.17) (2026-05-15)
+
+**Note:** Version bump only for package @tsparticles/basic
+
 # [4.0.0-beta.16](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.15...v4.0.0-beta.16) (2026-05-09)
 
 **Note:** Version bump only for package @tsparticles/basic

bundles/basic/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -105,16 +105,16 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.16",
-    "@tsparticles/plugin-hex-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-hsl-color": "4.0.0-beta.16",
-    "@tsparticles/plugin-move": "4.0.0-beta.16",
-    "@tsparticles/plugin-rgb-color": "4.0.0-beta.16",
-    "@tsparticles/shape-circle": "4.0.0-beta.16",
-    "@tsparticles/updater-opacity": "4.0.0-beta.16",
-    "@tsparticles/updater-out-modes": "4.0.0-beta.16",
-    "@tsparticles/updater-paint": "4.0.0-beta.16",
-    "@tsparticles/updater-size": "4.0.0-beta.16"
+    "@tsparticles/engine": "4.0.0-beta.17",
+    "@tsparticles/plugin-hex-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-hsl-color": "4.0.0-beta.17",
+    "@tsparticles/plugin-move": "4.0.0-beta.17",
+    "@tsparticles/plugin-rgb-color": "4.0.0-beta.17",
+    "@tsparticles/shape-circle": "4.0.0-beta.17",
+    "@tsparticles/updater-opacity": "4.0.0-beta.17",
+    "@tsparticles/updater-out-modes": "4.0.0-beta.17",
+    "@tsparticles/updater-paint": "4.0.0-beta.17",
+    "@tsparticles/updater-size": "4.0.0-beta.17"
   },
   "publishConfig": {
     "access": "public"

bundles/basic/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {

bundles/confetti/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-beta.17](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.16...v4.0.0-beta.17) (2026-05-15)
+
+**Note:** Version bump only for package @tsparticles/confetti
+
 # [4.0.0-beta.16](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.15...v4.0.0-beta.16) (2026-05-09)
 
 **Note:** Version bump only for package @tsparticles/confetti

bundles/confetti/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/confetti",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -105,22 +105,22 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "4.0.0-beta.16",
-    "@tsparticles/engine": "4.0.0-beta.16",
-    "@tsparticles/plugin-emitters": "4.0.0-beta.16",
-    "@tsparticles/plugin-motion": "4.0.0-beta.16",
-    "@tsparticles/shape-cards": "4.0.0-beta.16",
-    "@tsparticles/shape-emoji": "4.0.0-beta.16",
-    "@tsparticles/shape-heart": "4.0.0-beta.16",
-    "@tsparticles/shape-image": "4.0.0-beta.16",
-    "@tsparticles/shape-polygon": "4.0.0-beta.16",
-    "@tsparticles/shape-square": "4.0.0-beta.16",
-    "@tsparticles/shape-star": "4.0.0-beta.16",
-    "@tsparticles/updater-life": "4.0.0-beta.16",
-    "@tsparticles/updater-roll": "4.0.0-beta.16",
-    "@tsparticles/updater-rotate": "4.0.0-beta.16",
-    "@tsparticles/updater-tilt": "4.0.0-beta.16",
-    "@tsparticles/updater-wobble": "4.0.0-beta.16"
+    "@tsparticles/basic": "4.0.0-beta.17",
+    "@tsparticles/engine": "4.0.0-beta.17",
+    "@tsparticles/plugin-emitters": "4.0.0-beta.17",
+    "@tsparticles/plugin-motion": "4.0.0-beta.17",
+    "@tsparticles/shape-cards": "4.0.0-beta.17",
+    "@tsparticles/shape-emoji": "4.0.0-beta.17",
+    "@tsparticles/shape-heart": "4.0.0-beta.17",
+    "@tsparticles/shape-image": "4.0.0-beta.17",
+    "@tsparticles/shape-polygon": "4.0.0-beta.17",
+    "@tsparticles/shape-square": "4.0.0-beta.17",
+    "@tsparticles/shape-star": "4.0.0-beta.17",
+    "@tsparticles/updater-life": "4.0.0-beta.17",
+    "@tsparticles/updater-roll": "4.0.0-beta.17",
+    "@tsparticles/updater-rotate": "4.0.0-beta.17",
+    "@tsparticles/updater-tilt": "4.0.0-beta.17",
+    "@tsparticles/updater-wobble": "4.0.0-beta.17"
   },
   "publishConfig": {
     "access": "public"

bundles/confetti/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/confetti",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0-beta.17",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "scripts": {