Merge pull request tsparticles#5658 from tsparticles/v4

4.0.0-beta.7

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.7](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.6...v4.0.0-beta.7) (2026-04-07)
+
+### Bug Fixes
+
+- improved split color management ([d67a247](https://github.com/tsparticles/tsparticles/commit/d67a247c782f11c93679cd6d0d5e3218a2bacc13))
+- improved split color management and offset handling ([7505e15](https://github.com/tsparticles/tsparticles/commit/7505e15732782e30742a983817bebaf516218df7))
+- improved split color management and offset handling, and updateAnimation function ([754dd9e](https://github.com/tsparticles/tsparticles/commit/754dd9e91a63ce330816350765e9ec8c146aaf6a))
+- small minor fixes ([e52179c](https://github.com/tsparticles/tsparticles/commit/e52179c71bab88d54f12006ee2a0c1dcffeb46ba))
+
+### Features
+
+- added palette support to particles options ([ee8f0ef](https://github.com/tsparticles/tsparticles/commit/ee8f0efbccee7d4a6b8387ff821c1a8b3a8a7b2a))
+
 # [4.0.0-beta.6](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.5...v4.0.0-beta.6) (2026-04-02)
 
 ### Bug Fixes

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.7](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.6...v4.0.0-beta.7) (2026-04-07)
+
+**Note:** Version bump only for package @tsparticles/all
+
 # [4.0.0-beta.6](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.5...v4.0.0-beta.6) (2026-04-02)
 
 ### Features

bundles/all/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.7",
   "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": {
@@ -98,84 +98,84 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/effect-bubble": "4.0.0-beta.6",
-    "@tsparticles/effect-filter": "4.0.0-beta.6",
-    "@tsparticles/effect-particles": "4.0.0-beta.6",
-    "@tsparticles/effect-shadow": "4.0.0-beta.6",
-    "@tsparticles/effect-trail": "4.0.0-beta.6",
-    "@tsparticles/engine": "4.0.0-beta.6",
-    "@tsparticles/interaction-external-cannon": "4.0.0-beta.6",
-    "@tsparticles/interaction-external-particle": "4.0.0-beta.6",
-    "@tsparticles/interaction-external-pop": "4.0.0-beta.6",
-    "@tsparticles/interaction-light": "4.0.0-beta.6",
-    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.6",
-    "@tsparticles/path-branches": "4.0.0-beta.6",
-    "@tsparticles/path-brownian": "4.0.0-beta.6",
-    "@tsparticles/path-curl-noise": "4.0.0-beta.6",
-    "@tsparticles/path-curves": "4.0.0-beta.6",
-    "@tsparticles/path-fractal-noise": "4.0.0-beta.6",
-    "@tsparticles/path-grid": "4.0.0-beta.6",
-    "@tsparticles/path-levy": "4.0.0-beta.6",
-    "@tsparticles/path-perlin-noise": "4.0.0-beta.6",
-    "@tsparticles/path-polygon": "4.0.0-beta.6",
-    "@tsparticles/path-random": "4.0.0-beta.6",
-    "@tsparticles/path-simplex-noise": "4.0.0-beta.6",
-    "@tsparticles/path-spiral": "4.0.0-beta.6",
-    "@tsparticles/path-svg": "4.0.0-beta.6",
-    "@tsparticles/path-zig-zag": "4.0.0-beta.6",
-    "@tsparticles/plugin-background-mask": "4.0.0-beta.6",
-    "@tsparticles/plugin-blend": "4.0.0-beta.6",
-    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-back": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-circ": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-expo": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-linear": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-quart": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-quint": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-sine": "4.0.0-beta.6",
-    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.6",
-    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.6",
-    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.6",
-    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.6",
-    "@tsparticles/plugin-export-image": "4.0.0-beta.6",
-    "@tsparticles/plugin-export-json": "4.0.0-beta.6",
-    "@tsparticles/plugin-export-video": "4.0.0-beta.6",
-    "@tsparticles/plugin-hsv-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-hwb-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-infection": "4.0.0-beta.6",
-    "@tsparticles/plugin-lab-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-lch-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-manual-particles": "4.0.0-beta.6",
-    "@tsparticles/plugin-motion": "4.0.0-beta.6",
-    "@tsparticles/plugin-named-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-oklab-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-oklch-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.6",
-    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.6",
-    "@tsparticles/plugin-responsive": "4.0.0-beta.6",
-    "@tsparticles/plugin-sounds": "4.0.0-beta.6",
-    "@tsparticles/plugin-themes": "4.0.0-beta.6",
-    "@tsparticles/plugin-trail": "4.0.0-beta.6",
-    "@tsparticles/plugin-zoom": "4.0.0-beta.6",
-    "@tsparticles/shape-arrow": "4.0.0-beta.6",
-    "@tsparticles/shape-cards": "4.0.0-beta.6",
-    "@tsparticles/shape-cog": "4.0.0-beta.6",
-    "@tsparticles/shape-heart": "4.0.0-beta.6",
-    "@tsparticles/shape-infinity": "4.0.0-beta.6",
-    "@tsparticles/shape-matrix": "4.0.0-beta.6",
-    "@tsparticles/shape-path": "4.0.0-beta.6",
-    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.6",
-    "@tsparticles/shape-rounded-rect": "4.0.0-beta.6",
-    "@tsparticles/shape-spiral": "4.0.0-beta.6",
-    "@tsparticles/shape-squircle": "4.0.0-beta.6",
-    "@tsparticles/updater-gradient": "4.0.0-beta.6",
-    "@tsparticles/updater-orbit": "4.0.0-beta.6",
-    "tsparticles": "4.0.0-beta.6"
+    "@tsparticles/effect-bubble": "4.0.0-beta.7",
+    "@tsparticles/effect-filter": "4.0.0-beta.7",
+    "@tsparticles/effect-particles": "4.0.0-beta.7",
+    "@tsparticles/effect-shadow": "4.0.0-beta.7",
+    "@tsparticles/effect-trail": "4.0.0-beta.7",
+    "@tsparticles/engine": "4.0.0-beta.7",
+    "@tsparticles/interaction-external-cannon": "4.0.0-beta.7",
+    "@tsparticles/interaction-external-particle": "4.0.0-beta.7",
+    "@tsparticles/interaction-external-pop": "4.0.0-beta.7",
+    "@tsparticles/interaction-light": "4.0.0-beta.7",
+    "@tsparticles/interaction-particles-repulse": "4.0.0-beta.7",
+    "@tsparticles/path-branches": "4.0.0-beta.7",
+    "@tsparticles/path-brownian": "4.0.0-beta.7",
+    "@tsparticles/path-curl-noise": "4.0.0-beta.7",
+    "@tsparticles/path-curves": "4.0.0-beta.7",
+    "@tsparticles/path-fractal-noise": "4.0.0-beta.7",
+    "@tsparticles/path-grid": "4.0.0-beta.7",
+    "@tsparticles/path-levy": "4.0.0-beta.7",
+    "@tsparticles/path-perlin-noise": "4.0.0-beta.7",
+    "@tsparticles/path-polygon": "4.0.0-beta.7",
+    "@tsparticles/path-random": "4.0.0-beta.7",
+    "@tsparticles/path-simplex-noise": "4.0.0-beta.7",
+    "@tsparticles/path-spiral": "4.0.0-beta.7",
+    "@tsparticles/path-svg": "4.0.0-beta.7",
+    "@tsparticles/path-zig-zag": "4.0.0-beta.7",
+    "@tsparticles/plugin-background-mask": "4.0.0-beta.7",
+    "@tsparticles/plugin-blend": "4.0.0-beta.7",
+    "@tsparticles/plugin-canvas-mask": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-back": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-bounce": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-circ": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-cubic": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-elastic": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-expo": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-gaussian": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-linear": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-quart": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-quint": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-sigmoid": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-sine": "4.0.0-beta.7",
+    "@tsparticles/plugin-easing-smoothstep": "4.0.0-beta.7",
+    "@tsparticles/plugin-emitters-shape-canvas": "4.0.0-beta.7",
+    "@tsparticles/plugin-emitters-shape-path": "4.0.0-beta.7",
+    "@tsparticles/plugin-emitters-shape-polygon": "4.0.0-beta.7",
+    "@tsparticles/plugin-export-image": "4.0.0-beta.7",
+    "@tsparticles/plugin-export-json": "4.0.0-beta.7",
+    "@tsparticles/plugin-export-video": "4.0.0-beta.7",
+    "@tsparticles/plugin-hsv-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-hwb-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-infection": "4.0.0-beta.7",
+    "@tsparticles/plugin-lab-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-lch-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-manual-particles": "4.0.0-beta.7",
+    "@tsparticles/plugin-motion": "4.0.0-beta.7",
+    "@tsparticles/plugin-named-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-oklab-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-oklch-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-poisson-disc": "4.0.0-beta.7",
+    "@tsparticles/plugin-polygon-mask": "4.0.0-beta.7",
+    "@tsparticles/plugin-responsive": "4.0.0-beta.7",
+    "@tsparticles/plugin-sounds": "4.0.0-beta.7",
+    "@tsparticles/plugin-themes": "4.0.0-beta.7",
+    "@tsparticles/plugin-trail": "4.0.0-beta.7",
+    "@tsparticles/plugin-zoom": "4.0.0-beta.7",
+    "@tsparticles/shape-arrow": "4.0.0-beta.7",
+    "@tsparticles/shape-cards": "4.0.0-beta.7",
+    "@tsparticles/shape-cog": "4.0.0-beta.7",
+    "@tsparticles/shape-heart": "4.0.0-beta.7",
+    "@tsparticles/shape-infinity": "4.0.0-beta.7",
+    "@tsparticles/shape-matrix": "4.0.0-beta.7",
+    "@tsparticles/shape-path": "4.0.0-beta.7",
+    "@tsparticles/shape-rounded-polygon": "4.0.0-beta.7",
+    "@tsparticles/shape-rounded-rect": "4.0.0-beta.7",
+    "@tsparticles/shape-spiral": "4.0.0-beta.7",
+    "@tsparticles/shape-squircle": "4.0.0-beta.7",
+    "@tsparticles/updater-gradient": "4.0.0-beta.7",
+    "@tsparticles/updater-orbit": "4.0.0-beta.7",
+    "tsparticles": "4.0.0-beta.7"
   },
   "publishConfig": {
     "access": "public"

bundles/all/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.7",
   "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.7](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.6...v4.0.0-beta.7) (2026-04-07)
+
+**Note:** Version bump only for package @tsparticles/basic
+
 # [4.0.0-beta.6](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.5...v4.0.0-beta.6) (2026-04-02)
 
 **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.6",
+  "version": "4.0.0-beta.7",
   "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": {
@@ -98,16 +98,16 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.6",
-    "@tsparticles/plugin-hex-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-hsl-color": "4.0.0-beta.6",
-    "@tsparticles/plugin-move": "4.0.0-beta.6",
-    "@tsparticles/plugin-rgb-color": "4.0.0-beta.6",
-    "@tsparticles/shape-circle": "4.0.0-beta.6",
-    "@tsparticles/updater-fill-color": "4.0.0-beta.6",
-    "@tsparticles/updater-opacity": "4.0.0-beta.6",
-    "@tsparticles/updater-out-modes": "4.0.0-beta.6",
-    "@tsparticles/updater-size": "4.0.0-beta.6"
+    "@tsparticles/engine": "4.0.0-beta.7",
+    "@tsparticles/plugin-hex-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-hsl-color": "4.0.0-beta.7",
+    "@tsparticles/plugin-move": "4.0.0-beta.7",
+    "@tsparticles/plugin-rgb-color": "4.0.0-beta.7",
+    "@tsparticles/shape-circle": "4.0.0-beta.7",
+    "@tsparticles/updater-fill-color": "4.0.0-beta.7",
+    "@tsparticles/updater-opacity": "4.0.0-beta.7",
+    "@tsparticles/updater-out-modes": "4.0.0-beta.7",
+    "@tsparticles/updater-size": "4.0.0-beta.7"
   },
   "publishConfig": {
     "access": "public"

bundles/basic/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.7",
   "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,12 @@
 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.7](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.6...v4.0.0-beta.7) (2026-04-07)
+
+### Bug Fixes
+
+- improved split color management and offset handling, and updateAnimation function ([754dd9e](https://github.com/tsparticles/tsparticles/commit/754dd9e91a63ce330816350765e9ec8c146aaf6a))
+
 # [4.0.0-beta.6](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.5...v4.0.0-beta.6) (2026-04-02)
 
 **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.6",
+  "version": "4.0.0-beta.7",
   "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": {
@@ -98,22 +98,22 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "4.0.0-beta.6",
-    "@tsparticles/engine": "4.0.0-beta.6",
-    "@tsparticles/plugin-emitters": "4.0.0-beta.6",
-    "@tsparticles/plugin-motion": "4.0.0-beta.6",
-    "@tsparticles/shape-cards": "4.0.0-beta.6",
-    "@tsparticles/shape-emoji": "4.0.0-beta.6",
-    "@tsparticles/shape-heart": "4.0.0-beta.6",
-    "@tsparticles/shape-image": "4.0.0-beta.6",
-    "@tsparticles/shape-polygon": "4.0.0-beta.6",
-    "@tsparticles/shape-square": "4.0.0-beta.6",
-    "@tsparticles/shape-star": "4.0.0-beta.6",
-    "@tsparticles/updater-life": "4.0.0-beta.6",
-    "@tsparticles/updater-roll": "4.0.0-beta.6",
-    "@tsparticles/updater-rotate": "4.0.0-beta.6",
-    "@tsparticles/updater-tilt": "4.0.0-beta.6",
-    "@tsparticles/updater-wobble": "4.0.0-beta.6"
+    "@tsparticles/basic": "4.0.0-beta.7",
+    "@tsparticles/engine": "4.0.0-beta.7",
+    "@tsparticles/plugin-emitters": "4.0.0-beta.7",
+    "@tsparticles/plugin-motion": "4.0.0-beta.7",
+    "@tsparticles/shape-cards": "4.0.0-beta.7",
+    "@tsparticles/shape-emoji": "4.0.0-beta.7",
+    "@tsparticles/shape-heart": "4.0.0-beta.7",
+    "@tsparticles/shape-image": "4.0.0-beta.7",
+    "@tsparticles/shape-polygon": "4.0.0-beta.7",
+    "@tsparticles/shape-square": "4.0.0-beta.7",
+    "@tsparticles/shape-star": "4.0.0-beta.7",
+    "@tsparticles/updater-life": "4.0.0-beta.7",
+    "@tsparticles/updater-roll": "4.0.0-beta.7",
+    "@tsparticles/updater-rotate": "4.0.0-beta.7",
+    "@tsparticles/updater-tilt": "4.0.0-beta.7",
+    "@tsparticles/updater-wobble": "4.0.0-beta.7"
   },
   "publishConfig": {
     "access": "public"

bundles/confetti/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/confetti",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.7",
   "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": {