@tsparticles/basic/tsparticles.basic.min.js

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.

!function(s){s.__tsParticlesInternals=s.__tsParticlesInternals||{},s.__tsParticlesInternals.bundles=s.__tsParticlesInternals.bundles||{},s.__tsParticlesInternals.effects=s.__tsParticlesInternals.effects||{},s.__tsParticlesInternals.engine=s.__tsParticlesInternals.engine||{},s.__tsParticlesInternals.interactions=s.__tsParticlesInternals.interactions||{},s.__tsParticlesInternals.palettes=s.__tsParticlesInternals.palettes||{},s.__tsParticlesInternals.paths=s.__tsParticlesInternals.paths||{},s.__tsParticlesInternals.plugins=s.__tsParticlesInternals.plugins||{},s.__tsParticlesInternals.plugins=s.__tsParticlesInternals.plugins||{},s.__tsParticlesInternals.plugins.emittersShapes=s.__tsParticlesInternals.plugins.emittersShapes||{},s.__tsParticlesInternals.presets=s.__tsParticlesInternals.presets||{},s.__tsParticlesInternals.shapes=s.__tsParticlesInternals.shapes||{},s.__tsParticlesInternals.updaters=s.__tsParticlesInternals.updaters||{},s.__tsParticlesInternals.utils=s.__tsParticlesInternals.utils||{},s.__tsParticlesInternals.canvas=s.__tsParticlesInternals.canvas||{},s.__tsParticlesInternals.canvas=s.__tsParticlesInternals.canvas||{},s.__tsParticlesInternals.canvas.utils=s.__tsParticlesInternals.canvas.utils||{},s.__tsParticlesInternals.path=s.__tsParticlesInternals.path||{},s.__tsParticlesInternals.path=s.__tsParticlesInternals.path||{},s.__tsParticlesInternals.path.utils=s.__tsParticlesInternals.path.utils||{};var t="undefined"!=typeof Proxy?function(s){return new Proxy(s,{get:function(s,t){return t in s||(s[t]={}),s[t]}})}:function(s){return s};s.__tsParticlesInternals.bundles=t(s.__tsParticlesInternals.bundles),s.__tsParticlesInternals.effects=t(s.__tsParticlesInternals.effects),s.__tsParticlesInternals.interactions=t(s.__tsParticlesInternals.interactions),s.__tsParticlesInternals.palettes=t(s.__tsParticlesInternals.palettes),s.__tsParticlesInternals.paths=t(s.__tsParticlesInternals.paths),s.__tsParticlesInternals.plugins=t(s.__tsParticlesInternals.plugins),s.__tsParticlesInternals.plugins.emittersShapes=t(s.__tsParticlesInternals.plugins.emittersShapes),s.__tsParticlesInternals.presets=t(s.__tsParticlesInternals.presets),s.__tsParticlesInternals.shapes=t(s.__tsParticlesInternals.shapes),s.__tsParticlesInternals.updaters=t(s.__tsParticlesInternals.updaters),s.__tsParticlesInternals.utils=t(s.__tsParticlesInternals.utils),s.__tsParticlesInternals.canvas=t(s.__tsParticlesInternals.canvas),s.__tsParticlesInternals.path=t(s.__tsParticlesInternals.path),s.tsparticlesInternalExports=s.tsparticlesInternalExports||{}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:this),function(s,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tsparticles/plugin-blend"),require("@tsparticles/shape-circle"),require("@tsparticles/plugin-hex-color"),require("@tsparticles/plugin-hsl-color"),require("@tsparticles/plugin-move"),require("@tsparticles/updater-opacity"),require("@tsparticles/updater-out-modes"),require("@tsparticles/updater-paint"),require("@tsparticles/plugin-rgb-color"),require("@tsparticles/updater-size")):"function"==typeof define&&define.amd?define(["exports","@tsparticles/plugin-blend","@tsparticles/shape-circle","@tsparticles/plugin-hex-color","@tsparticles/plugin-hsl-color","@tsparticles/plugin-move","@tsparticles/updater-opacity","@tsparticles/updater-out-modes","@tsparticles/updater-paint","@tsparticles/plugin-rgb-color","@tsparticles/updater-size"],t):t(((s="undefined"!=typeof globalThis?globalThis:s||self).__tsParticlesInternals=s.__tsParticlesInternals||{},s.__tsParticlesInternals.bundles=s.__tsParticlesInternals.bundles||{},s.__tsParticlesInternals.bundles.basic=s.__tsParticlesInternals.bundles.basic||{}),s.__tsParticlesInternals.plugins.blend,s.__tsParticlesInternals.shapes.circle,s.__tsParticlesInternals.plugins.hexColor,s.__tsParticlesInternals.plugins.hslColor,s.__tsParticlesInternals.plugins.move,s.__tsParticlesInternals.updaters.opacity,s.__tsParticlesInternals.updaters.outModes,s.__tsParticlesInternals.updaters.paint,s.__tsParticlesInternals.plugins.rgbColor,s.__tsParticlesInternals.updaters.size)}(this,function(s,t,e,l,a,n,r,i,_,c,p){"use strict";async function o(s){s.checkVersion("4.1.0"),await s.pluginManager.register(async s=>{await Promise.all([t.loadBlendPlugin(s),l.loadHexColorPlugin(s),a.loadHslColorPlugin(s),c.loadRgbColorPlugin(s),n.loadMovePlugin(s),e.loadCircleShape(s),_.loadPaintUpdater(s),r.loadOpacityUpdater(s),i.loadOutModesUpdater(s),p.loadSizeUpdater(s)])})}const P=globalThis;P.__tsParticlesInternals=P.__tsParticlesInternals??{},P.loadBasic=o,s.loadBasic=o}),Object.assign(globalThis.window||globalThis,{loadBasic:(globalThis.__tsParticlesInternals.bundles.basic||{}).loadBasic}),globalThis.__tsParticlesInternals=globalThis.__tsParticlesInternals||{},globalThis.__tsParticlesInternals.engine&&globalThis.__tsParticlesInternals.engine.tsParticles||(globalThis.__tsParticlesInternals.engine=globalThis.__tsParticlesInternals.bundles.basic||{}),delete(globalThis.window||globalThis).tsparticlesInternalExports;