@tsparticles/all/tsparticles.all.js

All-inclusive tsParticles bundle — all engine packages, plugins, interactions, presets, shapes, updaters, effects, paths, emitters, sounds, and palettes in one dependency. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte,

(function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
/* tsParticles v4.2.1 */
(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tsparticles/shape-arrow'), require('@tsparticles/plugin-background-mask'), require('@tsparticles/path-branches'), require('@tsparticles/path-brownian'), require('@tsparticles/effect-bubble'), require('@tsparticles/plugin-canvas-mask'), require('@tsparticles/shape-cards'), require('@tsparticles/shape-cog'), require('@tsparticles/path-curl-noise'), require('@tsparticles/path-curves'), require('@tsparticles/plugin-easing-back'), require('@tsparticles/plugin-easing-bounce'), require('@tsparticles/plugin-easing-circ'), require('@tsparticles/plugin-easing-cubic'), require('@tsparticles/plugin-easing-elastic'), require('@tsparticles/plugin-easing-expo'), require('@tsparticles/plugin-easing-gaussian'), require('@tsparticles/plugin-easing-linear'), require('@tsparticles/plugin-easing-quart'), require('@tsparticles/plugin-easing-quint'), require('@tsparticles/plugin-easing-sigmoid'), require('@tsparticles/plugin-easing-sine'), require('@tsparticles/plugin-easing-smoothstep'), require('@tsparticles/plugin-emitters-shape-canvas'), require('@tsparticles/plugin-emitters-shape-path'), require('@tsparticles/plugin-emitters-shape-polygon'), require('@tsparticles/plugin-export-image'), require('@tsparticles/plugin-export-json'), require('@tsparticles/plugin-export-video'), require('@tsparticles/interaction-external-cannon'), require('@tsparticles/interaction-external-particle'), require('@tsparticles/interaction-external-pop'), require('@tsparticles/effect-filter'), require('@tsparticles/path-fractal-noise'), require('tsparticles'), require('@tsparticles/updater-gradient'), require('@tsparticles/path-grid'), require('@tsparticles/shape-heart'), require('@tsparticles/plugin-hsv-color'), require('@tsparticles/plugin-hwb-color'), require('@tsparticles/plugin-infection'), require('@tsparticles/shape-infinity'), require('@tsparticles/plugin-lab-color'), require('@tsparticles/plugin-lch-color'), require('@tsparticles/path-levy'), require('@tsparticles/interaction-light'), require('@tsparticles/plugin-manual-particles'), require('@tsparticles/shape-matrix'), require('@tsparticles/plugin-motion'), require('@tsparticles/plugin-named-color'), require('@tsparticles/plugin-oklab-color'), require('@tsparticles/plugin-oklch-color'), require('@tsparticles/updater-orbit'), require('@tsparticles/effect-particles'), require('@tsparticles/interaction-particles-repulse'), require('@tsparticles/shape-path'), require('@tsparticles/path-perlin-noise'), require('@tsparticles/plugin-poisson-disc'), require('@tsparticles/plugin-polygon-mask'), require('@tsparticles/path-polygon'), require('@tsparticles/path-random'), require('@tsparticles/plugin-responsive'), require('@tsparticles/shape-ribbon'), require('@tsparticles/shape-rounded-polygon'), require('@tsparticles/shape-rounded-rect'), require('@tsparticles/path-svg'), require('@tsparticles/effect-shadow'), require('@tsparticles/path-simplex-noise'), require('@tsparticles/plugin-sounds'), require('@tsparticles/path-spiral'), require('@tsparticles/shape-spiral'), require('@tsparticles/shape-squircle'), require('@tsparticles/plugin-themes'), require('@tsparticles/effect-trail'), require('@tsparticles/plugin-trail'), require('@tsparticles/path-zig-zag'), require('@tsparticles/plugin-zoom')) :
    typeof define === 'function' && define.amd ? define(['exports', '@tsparticles/shape-arrow', '@tsparticles/plugin-background-mask', '@tsparticles/path-branches', '@tsparticles/path-brownian', '@tsparticles/effect-bubble', '@tsparticles/plugin-canvas-mask', '@tsparticles/shape-cards', '@tsparticles/shape-cog', '@tsparticles/path-curl-noise', '@tsparticles/path-curves', '@tsparticles/plugin-easing-back', '@tsparticles/plugin-easing-bounce', '@tsparticles/plugin-easing-circ', '@tsparticles/plugin-easing-cubic', '@tsparticles/plugin-easing-elastic', '@tsparticles/plugin-easing-expo', '@tsparticles/plugin-easing-gaussian', '@tsparticles/plugin-easing-linear', '@tsparticles/plugin-easing-quart', '@tsparticles/plugin-easing-quint', '@tsparticles/plugin-easing-sigmoid', '@tsparticles/plugin-easing-sine', '@tsparticles/plugin-easing-smoothstep', '@tsparticles/plugin-emitters-shape-canvas', '@tsparticles/plugin-emitters-shape-path', '@tsparticles/plugin-emitters-shape-polygon', '@tsparticles/plugin-export-image', '@tsparticles/plugin-export-json', '@tsparticles/plugin-export-video', '@tsparticles/interaction-external-cannon', '@tsparticles/interaction-external-particle', '@tsparticles/interaction-external-pop', '@tsparticles/effect-filter', '@tsparticles/path-fractal-noise', 'tsparticles', '@tsparticles/updater-gradient', '@tsparticles/path-grid', '@tsparticles/shape-heart', '@tsparticles/plugin-hsv-color', '@tsparticles/plugin-hwb-color', '@tsparticles/plugin-infection', '@tsparticles/shape-infinity', '@tsparticles/plugin-lab-color', '@tsparticles/plugin-lch-color', '@tsparticles/path-levy', '@tsparticles/interaction-light', '@tsparticles/plugin-manual-particles', '@tsparticles/shape-matrix', '@tsparticles/plugin-motion', '@tsparticles/plugin-named-color', '@tsparticles/plugin-oklab-color', '@tsparticles/plugin-oklch-color', '@tsparticles/updater-orbit', '@tsparticles/effect-particles', '@tsparticles/interaction-particles-repulse', '@tsparticles/shape-path', '@tsparticles/path-perlin-noise', '@tsparticles/plugin-poisson-disc', '@tsparticles/plugin-polygon-mask', '@tsparticles/path-polygon', '@tsparticles/path-random', '@tsparticles/plugin-responsive', '@tsparticles/shape-ribbon', '@tsparticles/shape-rounded-polygon', '@tsparticles/shape-rounded-rect', '@tsparticles/path-svg', '@tsparticles/effect-shadow', '@tsparticles/path-simplex-noise', '@tsparticles/plugin-sounds', '@tsparticles/path-spiral', '@tsparticles/shape-spiral', '@tsparticles/shape-squircle', '@tsparticles/plugin-themes', '@tsparticles/effect-trail', '@tsparticles/plugin-trail', '@tsparticles/path-zig-zag', '@tsparticles/plugin-zoom'], factory) :
    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.__tsParticlesInternals = global.__tsParticlesInternals || {}, global.__tsParticlesInternals.bundles = global.__tsParticlesInternals.bundles || {}, global.__tsParticlesInternals.bundles.all = global.__tsParticlesInternals.bundles.all || {}), global.__tsParticlesInternals.shapes.arrow, global.__tsParticlesInternals.plugins.backgroundMask, global.__tsParticlesInternals.paths.branches, global.__tsParticlesInternals.paths.brownian, global.__tsParticlesInternals.effects.bubble, global.__tsParticlesInternals.plugins.canvasMask, global.__tsParticlesInternals.shapes.cards, global.__tsParticlesInternals.shapes.cog, global.__tsParticlesInternals.paths.curlNoise, global.__tsParticlesInternals.paths.curves, global.__tsParticlesInternals.plugins.easingBack, global.__tsParticlesInternals.plugins.easingBounce, global.__tsParticlesInternals.plugins.easingCirc, global.__tsParticlesInternals.plugins.easingCubic, global.__tsParticlesInternals.plugins.easingElastic, global.__tsParticlesInternals.plugins.easingExpo, global.__tsParticlesInternals.plugins.easingGaussian, global.__tsParticlesInternals.plugins.easingLinear, global.__tsParticlesInternals.plugins.easingQuart, global.__tsParticlesInternals.plugins.easingQuint, global.__tsParticlesInternals.plugins.easingSigmoid, global.__tsParticlesInternals.plugins.easingSine, global.__tsParticlesInternals.plugins.easingSmoothstep, global.__tsParticlesInternals.plugins.emittersShapes.canvas, global.__tsParticlesInternals.plugins.emittersShapes.path, global.__tsParticlesInternals.plugins.emittersShapes.polygon, global.__tsParticlesInternals.plugins.image, global.__tsParticlesInternals.plugins.json, global.__tsParticlesInternals.plugins.video, global.__tsParticlesInternals.interactions.externalCannon, global.__tsParticlesInternals.interactions.externalParticle, global.__tsParticlesInternals.interactions.externalPop, global.__tsParticlesInternals.effects.filter, global.__tsParticlesInternals.paths.fractalNoise, global.__tsParticlesInternals.bundles.full, global.__tsParticlesInternals.updaters.gradient, global.__tsParticlesInternals.paths.grid, global.__tsParticlesInternals.shapes.heart, global.__tsParticlesInternals.plugins.hsvColor, global.__tsParticlesInternals.plugins.hwbColor, global.__tsParticlesInternals.plugins.infection, global.__tsParticlesInternals.shapes.infinity, global.__tsParticlesInternals.plugins.labColor, global.__tsParticlesInternals.plugins.lchColor, global.__tsParticlesInternals.paths.levy, global.__tsParticlesInternals.interactions.light, global.__tsParticlesInternals.plugins.manualParticles, global.__tsParticlesInternals.shapes.matrix, global.__tsParticlesInternals.plugins.motion, global.__tsParticlesInternals.plugins.namedColor, global.__tsParticlesInternals.plugins.oklabColor, global.__tsParticlesInternals.plugins.oklchColor, global.__tsParticlesInternals.updaters.orbit, global.__tsParticlesInternals.effects.particles, global.__tsParticlesInternals.interactions.particlesRepulse, global.__tsParticlesInternals.shapes.path, global.__tsParticlesInternals.paths.perlinNoise, global.__tsParticlesInternals.plugins.poisson, global.__tsParticlesInternals.plugins.polygonMask, global.__tsParticlesInternals.paths.polygon, global.__tsParticlesInternals.paths.random, global.__tsParticlesInternals.plugins.responsive, global.__tsParticlesInternals.shapes.ribbon, global.__tsParticlesInternals.shapes.roundedPolygon, global.__tsParticlesInternals.shapes.roundedRect, global.__tsParticlesInternals.paths.svg, global.__tsParticlesInternals.effects.shadow, global.__tsParticlesInternals.paths.simplexNoise, global.__tsParticlesInternals.plugins.sounds, global.__tsParticlesInternals.paths.spiral, global.__tsParticlesInternals.shapes.spiral, global.__tsParticlesInternals.shapes.squircle, global.__tsParticlesInternals.plugins.themes, global.__tsParticlesInternals.effects.trail, global.__tsParticlesInternals.plugins.trail, global.__tsParticlesInternals.paths.zigzag, global.__tsParticlesInternals.plugins.zoom));
})(this, (function (exports, shapeArrow, pluginBackgroundMask, pathBranches, pathBrownian, effectBubble, pluginCanvasMask, shapeCards, shapeCog, pathCurlNoise, pathCurves, pluginEasingBack, pluginEasingBounce, pluginEasingCirc, pluginEasingCubic, pluginEasingElastic, pluginEasingExpo, pluginEasingGaussian, pluginEasingLinear, pluginEasingQuart, pluginEasingQuint, pluginEasingSigmoid, pluginEasingSine, pluginEasingSmoothstep, pluginEmittersShapeCanvas, pluginEmittersShapePath, pluginEmittersShapePolygon, pluginExportImage, pluginExportJson, pluginExportVideo, interactionExternalCannon, interactionExternalParticle, interactionExternalPop, effectFilter, pathFractalNoise, tsparticles, updaterGradient, pathGrid, shapeHeart, pluginHsvColor, pluginHwbColor, pluginInfection, shapeInfinity, pluginLabColor, pluginLchColor, pathLevy, interactionLight, pluginManualParticles, shapeMatrix, pluginMotion, pluginNamedColor, pluginOklabColor, pluginOklchColor, updaterOrbit, effectParticles, interactionParticlesRepulse, shapePath, pathPerlinNoise, pluginPoissonDisc, pluginPolygonMask, pathPolygon, pathRandom, pluginResponsive, shapeRibbon, shapeRoundedPolygon, shapeRoundedRect, pathSvg, effectShadow, pathSimplexNoise, pluginSounds, pathSpiral, shapeSpiral, shapeSquircle, pluginThemes, effectTrail, pluginTrail, pathZigZag, pluginZoom) { 'use strict';

    async function loadAll(engine) {
        engine.checkVersion("4.2.1");
        await engine.pluginManager.register(async (e) => {
            const loadInteractionsForAll = async (e) => {
                await tsparticles.loadFull(e);
                await Promise.all([
                    interactionExternalCannon.loadExternalCannonInteraction(e),
                    interactionExternalParticle.loadExternalParticleInteraction(e),
                    interactionExternalPop.loadExternalPopInteraction(e),
                    interactionLight.loadLightInteraction(e),
                    interactionParticlesRepulse.loadParticlesRepulseInteraction(e),
                    pluginInfection.loadInfectionPlugin(e),
                    pluginEmittersShapeCanvas.loadEmittersShapeCanvas(e),
                    pluginEmittersShapePath.loadEmittersShapePath(e),
                    pluginEmittersShapePolygon.loadEmittersShapePolygon(e),
                    pathBranches.loadBranchesPath(e),
                    pathBrownian.loadBrownianPath(e),
                    pathCurlNoise.loadCurlNoisePath(e),
                    pathCurves.loadCurvesPath(e),
                    pathFractalNoise.loadFractalNoisePath(e),
                    pathGrid.loadGridPath(e),
                    pathLevy.loadLevyPath(e),
                    pathPerlinNoise.loadPerlinNoisePath(e),
                    pathPolygon.loadPolygonPath(e),
                    pathRandom.loadRandomPath(e),
                    pathSvg.loadSVGPath(e),
                    pathSpiral.loadSpiralPath(e),
                    pathZigZag.loadZigZagPath(e),
                    pathSimplexNoise.loadSimplexNoisePath(e),
                ]);
            };
            await Promise.all([
                loadInteractionsForAll(e),
                pluginHsvColor.loadHsvColorPlugin(e),
                pluginHwbColor.loadHwbColorPlugin(e),
                pluginLabColor.loadLabColorPlugin(e),
                pluginLchColor.loadLchColorPlugin(e),
                pluginOklabColor.loadOklabColorPlugin(e),
                pluginOklchColor.loadOklchColorPlugin(e),
                pluginNamedColor.loadNamedColorPlugin(e),
                pluginEasingBack.loadEasingBackPlugin(e),
                pluginEasingBounce.loadEasingBouncePlugin(e),
                pluginEasingCirc.loadEasingCircPlugin(e),
                pluginEasingCubic.loadEasingCubicPlugin(e),
                pluginEasingElastic.loadEasingElasticPlugin(e),
                pluginEasingExpo.loadEasingExpoPlugin(e),
                pluginEasingGaussian.loadEasingGaussianPlugin(e),
                pluginEasingLinear.loadEasingLinearPlugin(e),
                pluginEasingQuart.loadEasingQuartPlugin(e),
                pluginEasingQuint.loadEasingQuintPlugin(e),
                pluginEasingSigmoid.loadEasingSigmoidPlugin(e),
                pluginEasingSine.loadEasingSinePlugin(e),
                pluginEasingSmoothstep.loadEasingSmoothstepPlugin(e),
                pluginBackgroundMask.loadBackgroundMaskPlugin(e),
                pluginCanvasMask.loadCanvasMaskPlugin(e),
                pluginManualParticles.loadManualParticlesPlugin(e),
                pluginMotion.loadMotionPlugin(e),
                pluginPoissonDisc.loadPoissonDiscPlugin(e),
                pluginPolygonMask.loadPolygonMaskPlugin(e),
                pluginResponsive.loadResponsivePlugin(e),
                pluginSounds.loadSoundsPlugin(e),
                pluginThemes.loadThemesPlugin(e),
                pluginTrail.loadTrailPlugin(e),
                pluginZoom.loadZoomPlugin(e),
                pluginExportImage.loadExportImagePlugin(e),
                pluginExportJson.loadExportJSONPlugin(e),
                pluginExportVideo.loadExportVideoPlugin(e),
                updaterGradient.loadGradientUpdater(e),
                updaterOrbit.loadOrbitUpdater(e),
                effectBubble.loadBubbleEffect(e),
                effectFilter.loadFilterEffect(e),
                effectParticles.loadParticlesEffect(e),
                effectShadow.loadShadowEffect(e),
                effectTrail.loadTrailEffect(e),
                shapeArrow.loadArrowShape(e),
                shapeCards.loadCardsShape(e),
                shapeCog.loadCogShape(e),
                shapeHeart.loadHeartShape(e),
                shapeInfinity.loadInfinityShape(e),
                shapeMatrix.loadMatrixShape(e),
                shapePath.loadPathShape(e),
                shapeRibbon.loadRibbonShape(e),
                shapeRoundedPolygon.loadRoundedPolygonShape(e),
                shapeRoundedRect.loadRoundedRectShape(e),
                shapeSpiral.loadSpiralShape(e),
                shapeSquircle.loadSquircleShape(e),
            ]);
        });
    }

    const globalObject = globalThis;
    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
    globalObject.loadAll = loadAll;

    exports.loadAll = loadAll;

}));
Object.assign(globalThis.window || globalThis, { loadAll: (globalThis.__tsParticlesInternals.bundles.all || {}).loadAll });
globalThis.__tsParticlesInternals = globalThis.__tsParticlesInternals || {};
if (!globalThis.__tsParticlesInternals.engine || !globalThis.__tsParticlesInternals.engine.tsParticles) {
  globalThis.__tsParticlesInternals.engine = globalThis.__tsParticlesInternals.bundles.all || {};
}
delete (globalThis.window || globalThis).tsparticlesInternalExports;