<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: tsParticles</title>
    <description>The latest articles on DEV Community by tsParticles (@tsparticles).</description>
    <link>https://dev.to/tsparticles</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F5962%2Fb083d75a-e417-4a45-b52c-2ce9dc549269.jpg</url>
      <title>DEV Community: tsParticles</title>
      <link>https://dev.to/tsparticles</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/tsparticles"/>
    <language>en</language>
    <item>
      <title>tsParticles 3.1.0 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Mon, 22 Jan 2024 08:41:33 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-310-released-38m2</link>
      <guid>https://dev.to/tsparticles/tsparticles-310-released-38m2</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 3.1.0 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added poisson disc plugin for better particles initial positions&lt;/li&gt;
&lt;li&gt;Improved sounds plugin, added some public methods for managing the volume&lt;/li&gt;
&lt;li&gt;Added new options for &lt;code&gt;sounds&lt;/code&gt; plugin, &lt;code&gt;autoPlay&lt;/code&gt; (&lt;code&gt;true&lt;/code&gt; by default) and &lt;code&gt;icons.enable&lt;/code&gt; (&lt;code&gt;false&lt;/code&gt; by default, if true volume icons will be visible) &lt;strong&gt;(affects all fireworks presets and bundles)&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Added new &lt;code&gt;zig-zag&lt;/code&gt; path plugin&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Minor Changes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Refactor for reducing duplicated animations functions across some plugins&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed sounds in fireworks bundle&lt;/li&gt;
&lt;li&gt;Improved support for element id (3.0.3)&lt;/li&gt;
&lt;li&gt;Fixed memory allocation of emoji shape (3.0.3)&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Note on Sounds Auto Play
&lt;/h3&gt;

&lt;p&gt;The new &lt;code&gt;autoPlay&lt;/code&gt; options on &lt;code&gt;sounds&lt;/code&gt; plugin will start playing sounds when a user clicks on the window enabling the &lt;code&gt;AudioContext&lt;/code&gt; class. This is a security feature that all major browsers have, you can't autoplay sounds if the user hasn't interacted with the website.&lt;br&gt;
The &lt;code&gt;pointerdown&lt;/code&gt;/&lt;code&gt;touchstart&lt;/code&gt; handlers are added when the &lt;code&gt;sounds&lt;/code&gt; plugin is loaded using &lt;code&gt;loadSoundsPlugin&lt;/code&gt;, so the user needs to interact with your page &lt;em&gt;after&lt;/em&gt; that function is completed, previous clicks are not handled.&lt;/p&gt;

&lt;p&gt;--&lt;/p&gt;
&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="noopener noreferrer"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles" rel="noopener noreferrer"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/" rel="noopener noreferrer"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e85b42f597affb561789ffcf149158ba8197775b55b86403708273e05db9c8b1/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/42e2d12c346b7b852bfbb1b6927482efd34478350a7c42cc3ed9e717baba81e8/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>typescript</category>
      <category>showdev</category>
    </item>
    <item>
      <title>tsParticles 3.0.2 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Wed, 06 Dec 2023 20:02:08 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-302-released-29e9</link>
      <guid>https://dev.to/tsparticles/tsparticles-302-released-29e9</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 3.0.2 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed trails config&lt;/li&gt;
&lt;li&gt;Fixed flat output in &lt;a href="https://npmjs.com/package/@tsparticles/confetti" rel="noopener noreferrer"&gt;@tsparticles/confetti&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Improved sounds plugin&lt;/li&gt;
&lt;li&gt;Fixed position in emitters after respawn&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added new EventType particleDestroyed&lt;/li&gt;
&lt;li&gt;Replaced text shape with emoji shape in &lt;a href="https://npmjs.com/package/@tsparticles/confetti" rel="noopener noreferrer"&gt;@tsparticles/confetti&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Reworked &lt;a href="https://npmjs.com/package/@tsparticles/fireworks" rel="noopener noreferrer"&gt;@tsparticles/fireworks&lt;/a&gt; a bit for better output with the new v3 trails&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="noopener noreferrer"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles" rel="noopener noreferrer"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/" rel="noopener noreferrer"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e85b42f597affb561789ffcf149158ba8197775b55b86403708273e05db9c8b1/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/42e2d12c346b7b852bfbb1b6927482efd34478350a7c42cc3ed9e717baba81e8/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>typescript</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>showdev</category>
    </item>
    <item>
      <title>tsParticles 3.0.1 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Wed, 06 Dec 2023 09:15:31 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-301-released-3nbh</link>
      <guid>https://dev.to/tsparticles/tsparticles-301-released-3nbh</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 3.0.1 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed bug when using particles groups&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/187cb38a56a89a0ce0ac3531f08ee645449698a9dd8a2ec5314bda6754edbfc7/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni"&gt;&lt;img src="https://camo.githubusercontent.com/c508b81392a6c19a9e0c56efaabecaf35d36a34f667181a8890ddaba947b5d58/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/fed7a64132b4153e18c9cc8272ca1adcb597a702f173ba693ee34846c7548794/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/bd9ab0a3b40c81a59d2ab7ffa84a4aec5da6442e486e8c6e52be91f4254b0283/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/3fdb52f194298fdb0630ad903c1be6df525a88bd86328addad33890f153c167d/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ca351b01c5158a4d9523a771b6df980a4adc040613b80e0a2753f61cebb070c7/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/c8a151dba322b363f75552c81e39168376ddc4678451ed2a731c6a1bd23806e8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/d8974f6b0159622455bb79d267797a710d8739dc1ab535eae255fad3b619cf95/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/8f96d4d0dccc9c7491f3ed07af70a808b0fd4d2e4d863a1f7bb9e51e10ae526e/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e08ae3630c8387f3d4fcccab125b08abafab0dcc343c4aab5ff31f085db83829/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/daadb4894128d1e19b72d80236f5959f1f2b47f9fe081373f3246131f0189f6c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/da6f0f4eb100a07e9040b4f25119b1507e787f3e65b29250dca04673450a3758/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/2f3c18346a206cb3767ec3fcd974da8bf77985bd849a77b320ac2a555064735c/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ee2eed4d8159b570eef394a484f574d3bd038f6c64ad92ca0db286045486edcb/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/84a163ef9f42100de044ab2e8966d332d3f2ca6acbfce87fdeb797c770cd4ec9/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/309cad18f9a2090efdb147ac71064a969b826c3f4e9387f0a8d8e36e70133a80/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/21bec78017a24cf8358d5cabb393216db5d0628de8f5c331511d128bd121ea4e/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e86b7f51a0224618fe45aad99bff3e02ed8a5838691f244bf1df0e94454dafe2/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e71e3958b61d3e8e3c64a7747407e0d7267599c87df10c0d94c6e9499c0772df/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
Table of Contents&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ng-particles"&gt;&lt;code&gt;ng-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#react-particles"&gt;&lt;code&gt;react-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#svelte-particles"&gt;&lt;code&gt;svelte-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#vue2-particles"&gt;&lt;code&gt;vue2-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#vue3-particles"&gt;&lt;code&gt;vue3-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#wordpress-particles"&gt;&lt;code&gt;wordpress-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>typescript</category>
      <category>showdev</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>tsParticles 3.0.0 is out. Breaking changes ahead.</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Mon, 04 Dec 2023 23:53:31 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-300-is-out-breaking-changes-ahead-3hl1</link>
      <guid>https://dev.to/tsparticles/tsparticles-300-is-out-breaking-changes-ahead-3hl1</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 3.0.0 Changelog (&lt;a href="https://github.com/tsparticles/tsparticles/pull/5226" rel="noopener noreferrer"&gt;link&lt;/a&gt;)
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e85b42f597affb561789ffcf149158ba8197775b55b86403708273e05db9c8b1/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/42e2d12c346b7b852bfbb1b6927482efd34478350a7c42cc3ed9e717baba81e8/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;Keep reading for more details about v3, they're after the changelog...&lt;/p&gt;

&lt;h2&gt;
  
  
  BREAKING CHANGES
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Removed all tsParticles &lt;code&gt;load&lt;/code&gt; methods to keep only a single one using a single &lt;code&gt;object&lt;/code&gt; parameter&lt;/li&gt;
&lt;li&gt;Removed support for shape deprecated properties like &lt;code&gt;shape.image&lt;/code&gt;, &lt;code&gt;shape.polygon&lt;/code&gt;, &lt;code&gt;shape.stroke&lt;/code&gt;

&lt;ul&gt;
&lt;li&gt;the stroke property can be found in the &lt;code&gt;particles section&lt;/code&gt;, not in the &lt;code&gt;shape&lt;/code&gt; object&lt;/li&gt;
&lt;li&gt;the image and polygon properties, like any other shape, are part of the &lt;code&gt;shape.options&lt;/code&gt; object&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Stroke now is a single object only like all the other particles properties&lt;/li&gt;

&lt;li&gt;Removed multiline text shape, the text shape now supports that&lt;/li&gt;

&lt;li&gt;Simplified some functions, using objects or removing unused overloads, this is breaking for v2 shapes&lt;/li&gt;

&lt;li&gt;Moved some properties to private since they were public by mistake (this shouldn't affect many, the properties were mainly used in the engine)&lt;/li&gt;

&lt;li&gt;Removed obsolete random properties in options objects&lt;/li&gt;

&lt;li&gt;Removed emitters shapes from the plugin files, every emitters shape now has a dedicated package&lt;/li&gt;

&lt;/ul&gt;

&lt;h3&gt;
  
  
  Major Changes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;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.

&lt;ul&gt;
&lt;li&gt;Angular (&lt;code&gt;@tsparticles/angular&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/angular" rel="noopener noreferrer"&gt;https://github.com/tsparticles/angular&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Astro (&lt;code&gt;@tsparticles/astro&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/astro" rel="noopener noreferrer"&gt;https://github.com/tsparticles/astro&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Ember (&lt;code&gt;@tsparticles/ember&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/ember" rel="noopener noreferrer"&gt;https://github.com/tsparticles/ember&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Inferno (&lt;code&gt;@tsparticles/inferno&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/inferno" rel="noopener noreferrer"&gt;https://github.com/tsparticles/inferno&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;jQuery (&lt;code&gt;@tsparticles/jquery&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/jquery" rel="noopener noreferrer"&gt;https://github.com/tsparticles/jquery&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Lit (&lt;code&gt;@tsparticles/lit&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/lit" rel="noopener noreferrer"&gt;https://github.com/tsparticles/lit&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Preact (&lt;code&gt;@tsparticles/preact&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/preact" rel="noopener noreferrer"&gt;https://github.com/tsparticles/preact&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;React (&lt;code&gt;@tsparticles/react&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/react" rel="noopener noreferrer"&gt;https://github.com/tsparticles/react&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Riot (&lt;code&gt;@tsparticles/riot&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/riot" rel="noopener noreferrer"&gt;https://github.com/tsparticles/riot&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Solid (&lt;code&gt;@tsparticles/solid&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/solid" rel="noopener noreferrer"&gt;https://github.com/tsparticles/solid&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Svelte (&lt;code&gt;@tsparticles/svelte&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/svelte" rel="noopener noreferrer"&gt;https://github.com/tsparticles/svelte&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Vue.js (&lt;code&gt;@tsparticles/vue&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/vue" rel="noopener noreferrer"&gt;https://github.com/tsparticles/vue&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;Web Components (&lt;code&gt;@tsparticles/webcomponents&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/webcomponents" rel="noopener noreferrer"&gt;https://github.com/tsparticles/webcomponents&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;li&gt;WordPress (&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/wordpress" rel="noopener noreferrer"&gt;https://github.com/tsparticles/wordpress&lt;/a&gt; (v3 under development)&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Removed all presets from this repository for a single one (&lt;a href="https://github.com/tsparticles/presets" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;a href="https://github.com/tsparticles/presets" rel="noopener noreferrer"&gt;https://github.com/tsparticles/presets&lt;/a&gt;) in the @tsparticles organization, this will make easier to contribute to specific presets or create new ones. (Renaming them to &lt;code&gt;@tsparticles/preset-&amp;lt;name&amp;gt;&lt;/code&gt; #3977)&lt;/li&gt;

&lt;li&gt;All the previous packages will be deprecated when v3 will come out. Using only the new naming system is the main focus of v3. All the official packages will have &lt;code&gt;@tsparticles/&lt;/code&gt; organization in the package name, replacing &lt;code&gt;tsparticles-&lt;/code&gt; prefix, except for &lt;code&gt;tsparticles&lt;/code&gt; package which will remain the same.&lt;/li&gt;

&lt;li&gt;Moved editor to its own repository: &lt;a href="https://github.com/tsparticles/editor" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;a href="https://github.com/tsparticles/editor" rel="noopener noreferrer"&gt;https://github.com/tsparticles/editor&lt;/a&gt;
&lt;/li&gt;

&lt;li&gt;Pjs package now supports all the legacy pjs options only. This will make this package a wrapper for old pjs users. You can't use tsParticles options in pjs calls.&lt;/li&gt;

&lt;li&gt;Pjs package is no longer part of &lt;code&gt;@tsparticles/slim&lt;/code&gt; bundle, only included in &lt;code&gt;@tsparticles/all&lt;/code&gt;.&lt;/li&gt;

&lt;li&gt;Text shape is no longer part of &lt;code&gt;@tsparticles/slim&lt;/code&gt; bundle, included in &lt;code&gt;tsparticles&lt;/code&gt;.&lt;/li&gt;

&lt;li&gt;Emoji shape is now part of &lt;code&gt;@tsparticles/slim&lt;/code&gt; bundle.&lt;/li&gt;

&lt;/ul&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added event on config added to the engine&lt;/li&gt;
&lt;li&gt;Added flat options to tsparticles-confetti options&lt;/li&gt;
&lt;li&gt;Creating support for effects, like bubble that wasn't a real shape&lt;/li&gt;
&lt;li&gt;Added linear easing&lt;/li&gt;
&lt;li&gt;Created new emitters shapes: Canvas, Path and Polygon&lt;/li&gt;
&lt;li&gt;Created trail effect plugin, this one is a real trail drawn in the canvas, it works also in transparent backgrounds. It requires more resources since it's drawn calculating last N positions and not redrawing a semi-transparent canvas on itself, supports also fade.&lt;/li&gt;
&lt;li&gt;Added pop click interaction&lt;/li&gt;
&lt;li&gt;Added limit mode (breaking changes on limit options)&lt;/li&gt;
&lt;li&gt;Added possibility to replace color and opacity for emitters shapes&lt;/li&gt;
&lt;li&gt;Added more options for customizing noises values (only Simplex and Perlin paths)&lt;/li&gt;
&lt;li&gt;Added curl noise path plugin&lt;/li&gt;
&lt;li&gt;Created Simplex and Perlin noise packages from their path plugins, they can be used in multiple packages without duplication (Curl Noise path for example)&lt;/li&gt;
&lt;li&gt;Added new emoji shape, better performance than text shape&lt;/li&gt;
&lt;li&gt;Added clear flag to the root object, enabled by default, if disabled, the canvas won't be cleared&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Improved resize event and density formula&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  How to migrate from v2 to v3?
&lt;/h2&gt;

&lt;p&gt;Version &lt;code&gt;2.x&lt;/code&gt; is still the &lt;code&gt;latest&lt;/code&gt; tag on &lt;code&gt;npm&lt;/code&gt;, but the &lt;code&gt;next&lt;/code&gt; version has a &lt;code&gt;3.0.0&lt;/code&gt; version, which is something I need to release to the public to find issues, and receive some feedbacks.&lt;/p&gt;

&lt;p&gt;As it can be seen in the changelog above, the packages are now renamed using the @tsparticles/ "grouping" on NPM. All future tsParticles official packages will be released there, except the main package.&lt;/p&gt;

&lt;p&gt;Also from the changelog, there are breaking changes in the options and in the main load api. Many options were deprecated and keeping them kept the bundle size bigger.&lt;/p&gt;

&lt;p&gt;The main load api is now a single function, there is no more &lt;code&gt;loadJSON&lt;/code&gt;, &lt;code&gt;set&lt;/code&gt;, &lt;code&gt;setJSON&lt;/code&gt; in the &lt;code&gt;tsParticles&lt;/code&gt; instance.&lt;/p&gt;

&lt;p&gt;Now there's only &lt;code&gt;tsParticles.load&lt;/code&gt; and it gets a new object, introduced in latest v2 versions.&lt;/p&gt;

&lt;p&gt;The new &lt;code&gt;tsParticles.load&lt;/code&gt; signature is this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="cm"&gt;/* await */&lt;/span&gt; &lt;span class="nx"&gt;tsParticles&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;load&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="c1"&gt;// element: /* an HTML element used as container for the canvas, if a canvas is passed, is used that instead of a generated canvas, optional */&lt;/span&gt;
    &lt;span class="c1"&gt;// id: /* a string to identify the current loading instance, if not passed, a random id is generated */&lt;/span&gt;
    &lt;span class="c1"&gt;// index: /* a number used to choose from an item if the options are an array, optional, ignored if options is object */&lt;/span&gt;
    &lt;span class="c1"&gt;// options: /* the options of the instance, can be an array of options object, optional if url is passed, if none is passed it's meaningless to load anything */&lt;/span&gt;
    &lt;span class="c1"&gt;// url: /* the url used to load the options, uses AJAX to get the options object, the result is then used like the options object above. */&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The component libraries for the most common frontend frameworks/libraries are still under development, but since the core library is ready to be released I decided to use the tag &lt;code&gt;next&lt;/code&gt; again. Using v3 with v2 packages is not possible and not recommended, there are many breaking changes under the hood. If a v2 package can't be found in v3, it could've been renamed or removed because deprecated.&lt;/p&gt;

&lt;h2&gt;
  
  
  Important note on trails
&lt;/h2&gt;

&lt;p&gt;One of the most requested feature was using trails in a transparent background, it is now possible with the new trail effect, but is an external package, I didn't want to include that package in any bundle except @tsparticles/all (which contains all packages) because it's something completely new. I don't want to increase the bundle size to others who are not using it.&lt;br&gt;
It can be used like any other tsParticles plugin library importing it and loading it into the instance.&lt;/p&gt;

&lt;p&gt;The old trails are still available, they're more performant since they are made covering with a semitransparent layer the canvas. It's a common performant solution, for transparent backgrounds the new trails are the only way.&lt;/p&gt;

&lt;h2&gt;
  
  
  Important note on emojis
&lt;/h2&gt;

&lt;p&gt;Emojis in v1 and v2 could be used using the text shape. Now from v3 there's a new emoji shape, it's more performant since emoji don't care about font color. You can customize only the font family (I recommend keeping the default value, but who knows), and the value like in the text shape. The best result is with one emoji per string value. Use an array if more than one is needed.&lt;br&gt;
The text shape is now part of the tsparticles package instead of @tsparticles/slim, the emoji shape is part of that package instead. This will make things easier, migrate to the emoji shape if using emojis, you'll notice the difference.&lt;/p&gt;

&lt;h2&gt;
  
  
  What's next?
&lt;/h2&gt;

&lt;p&gt;After this, the v3 package will be updated as always, but the priority now are the component libraries. Any help is appreciated, as always.&lt;/p&gt;

&lt;h2&gt;
  
  
  How to see new v3 options?
&lt;/h2&gt;

&lt;p&gt;The configs used for testing can be found here: &lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/tsparticles/tsparticles/tree/main/utils/configs/src" rel="noopener noreferrer"&gt;https://github.com/tsparticles/tsparticles/tree/main/utils/configs/src&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;They can be used like explained in the readme:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/tsparticles/tsparticles/tree/main/utils/configs#usage" rel="noopener noreferrer"&gt;https://github.com/tsparticles/tsparticles/tree/main/utils/configs#usage&lt;/a&gt;&lt;/p&gt;




&lt;p&gt;Have fun with particles, confetti and/or fireworks. Remember to share the project if you like it, and leave a star on GitHub&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;https://github.com/tsparticles/tsparticles&lt;/a&gt;&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>typescript</category>
    </item>
    <item>
      <title>tsParticles 2.12.0 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Fri, 04 Aug 2023 08:09:23 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-2120-released-hpf</link>
      <guid>https://dev.to/tsparticles/tsparticles-2120-released-hpf</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles v2.12.0 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed pool on particles destroyed by updaters&lt;/li&gt;
&lt;li&gt;Fixed out modes, bounce was not checking the direction of the update request&lt;/li&gt;
&lt;li&gt;Fixed issue with change theme when an existing canvas is used&lt;/li&gt;
&lt;li&gt;Fixed updates on particles destroyed by updaters, that section wasn't using the memory pool for reusing old particles instead of creating new ones.&lt;/li&gt;
&lt;li&gt;Fixed memory leak in destroyed particles by updaters, the z array wasn't filtered, thanks to @longnguyen2004, closes #5101&lt;/li&gt;
&lt;li&gt;Fixed light interaction, particle shadow wasn't calculated correctly&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added range values to life duration and delay of emitters&lt;/li&gt;
&lt;li&gt;Added two new bundles

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;tsparticles-basic&lt;/code&gt;: minimum plugins for having circular dots moving in the canvas, common package for all bundles, and presets after this is released. Packages included:

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;tsparticles-engine&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;tsparticles-move-base&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;tsparticles-shape-circle&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;tsparticles-updater-color&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;tsparticles-updater-opacity&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;tsparticles-updater-out-modes&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;tsparticles-updater-size&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;tsparticles-all&lt;/code&gt;: a package that includes all the plugins, it's not a best practice to use this, but the easiest way for trying every feature available for sure. It will be used mainly in the &lt;a href="https://github.com/tsparticles/website"&gt;website&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/matteobruni"&gt;
        matteobruni
      &lt;/a&gt; / &lt;a href="https://github.com/matteobruni/tsparticles"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/187cb38a56a89a0ce0ac3531f08ee645449698a9dd8a2ec5314bda6754edbfc7/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni"&gt;&lt;img src="https://camo.githubusercontent.com/c508b81392a6c19a9e0c56efaabecaf35d36a34f667181a8890ddaba947b5d58/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/fed7a64132b4153e18c9cc8272ca1adcb597a702f173ba693ee34846c7548794/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/7f2132b2b5049cc87ec02df4105ab29778f5ea7021dbf0beb5202626a296632f/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/d0cf72b4278cf8388adf789170b20af613132d862fcb8781b37f6d5157c6a4bd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ca351b01c5158a4d9523a771b6df980a4adc040613b80e0a2753f61cebb070c7/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/c8a151dba322b363f75552c81e39168376ddc4678451ed2a731c6a1bd23806e8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ce969771f1502f57861fe8ce7c787c209c50ef17c2e19f35cb1de0c960eba94a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f6d617474656f6272756e692f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=matteobruni/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/8f96d4d0dccc9c7491f3ed07af70a808b0fd4d2e4d863a1f7bb9e51e10ae526e/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e08ae3630c8387f3d4fcccab125b08abafab0dcc343c4aab5ff31f085db83829/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/daadb4894128d1e19b72d80236f5959f1f2b47f9fe081373f3246131f0189f6c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/64adf1bd83058aa64f848245f74bef77cd7cc2a3f36343ac44d6d0c39cc41bc3/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f6d617474656f6272756e692f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/2f3c18346a206cb3767ec3fcd974da8bf77985bd849a77b320ac2a555064735c/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ee2eed4d8159b570eef394a484f574d3bd038f6c64ad92ca0db286045486edcb/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/84a163ef9f42100de044ab2e8966d332d3f2ca6acbfce87fdeb797c770cd4ec9/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/309cad18f9a2090efdb147ac71064a969b826c3f4e9387f0a8d8e36e70133a80/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/21bec78017a24cf8358d5cabb393216db5d0628de8f5c331511d128bd121ea4e/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e86b7f51a0224618fe45aad99bff3e02ed8a5838691f244bf1df0e94454dafe2/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e71e3958b61d3e8e3c64a7747407e0d7267599c87df10c0d94c6e9499c0772df/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
Table of Contents&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#tsparticles---typescript-particles"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#table-of-contents"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#do-you-want-to-use-it-on-your-website"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#library-installation"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#hosting--cdn"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jsdelivr"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#cdnjs"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#unpkg"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#npm"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#yarn"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#pnpm"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#import-and-require"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#usage"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#official-components-for-some-of-the-most-used-frameworks"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#angular"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ng-particles"&gt;&lt;code&gt;ng-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#astro"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#astro-particles"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#emberjs"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ember-tsparticles"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#inferno"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#inferno-particles"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#jquery"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jquery-particles"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#preact"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#preact-particles"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#reactjs"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#react-particles"&gt;&lt;code&gt;react-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#riotjs"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#riot-particles"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#solidjs"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#solid-particles"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#svelte"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#svelte-particles"&gt;&lt;code&gt;svelte-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-2x"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue2-particles"&gt;&lt;code&gt;vue2-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-3x"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue3-particles"&gt;&lt;code&gt;vue3-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#web-components"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#web-particles"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#wordpress"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#wordpress-particles"&gt;&lt;code&gt;wordpress-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#elementor"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#presets"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#big-circles"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#bubbles"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#confetti"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fire"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#firefly"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fireworks"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fountain"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#links"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#sea-anemone"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#stars"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#triangles"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#templates-and-resources"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#demo--generator"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#video-tutorials"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#characters-as-particles"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#polygon-mask"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#animated-stars"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#nyan-cat-flying-on-scrolling-stars"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow-particles"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#background-mask-particles"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/matteobruni/tsparticles"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>typescript</category>
      <category>showdev</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>tsParticles 2.11.0 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Wed, 12 Jul 2023 23:43:03 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-2110-released-3mhj</link>
      <guid>https://dev.to/tsparticles/tsparticles-2110-released-3mhj</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.11.0 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Removed console log, closes #5003&lt;/li&gt;
&lt;li&gt;Fixed getPositionOrSize function&lt;/li&gt;
&lt;li&gt;Fixed some shapes&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added refresh flag for loading plugins, this will prevent multiple refresh of the instance&lt;/li&gt;
&lt;li&gt;Added animated gif support to image drawer (use it with caution, gifs are heavy)&lt;/li&gt;
&lt;li&gt;Added setLogger and getLogger functions, this will prevent &lt;code&gt;console.log&lt;/code&gt; mistakenly left in the code.&lt;/li&gt;
&lt;li&gt;Added export plugins, previous export functions were removed (barely used), and a 3 new plugins are available. The available exports plugin are: Image, JSON, Video. The first two were already present, the third one is new.&lt;/li&gt;
&lt;li&gt;Added new rounded polygon shape&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Other Changes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Removed fallbacks for requestAnimationFrame, they're useless.&lt;/li&gt;
&lt;li&gt;Added tree shaking capabilities&lt;/li&gt;
&lt;li&gt;Added ESLint &lt;code&gt;no-console&lt;/code&gt; rule, to avoid other issues likes #5003, &lt;code&gt;getLogger&lt;/code&gt; must be used when needed some logs.&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  How do &lt;code&gt;setLogger&lt;/code&gt; and &lt;code&gt;getLogger&lt;/code&gt; functions work?
&lt;/h4&gt;

&lt;p&gt;If you want to customize the log of &lt;code&gt;tsParticles&lt;/code&gt; you can call &lt;code&gt;setLogger(logger)&lt;/code&gt; function, passing a &lt;code&gt;ILogger&lt;/code&gt; object.&lt;/p&gt;

&lt;p&gt;The &lt;code&gt;setLogger&lt;/code&gt; function prevents &lt;code&gt;undefined&lt;/code&gt; properties assigning the default one.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="nx"&gt;setLogger&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;debug&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;debug&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;error&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;error&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;info&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;info&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;log&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;verbose&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;warning&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;warn&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;This assigns all the log functions console functions, but you can use empty functions (&lt;code&gt;() =&amp;gt; {}&lt;/code&gt;) to disable every function.&lt;/p&gt;

&lt;p&gt;If there's a &lt;code&gt;console.log&lt;/code&gt; left like in #3552, #3528 or #5003, you can disable the &lt;code&gt;log&lt;/code&gt; property of the &lt;code&gt;setLogger&lt;/code&gt; parameter to get rid of it, so you don't have to wait the next release.&lt;/p&gt;

&lt;p&gt;The &lt;code&gt;getLogger&lt;/code&gt; function, returns the object set using &lt;code&gt;setLogger&lt;/code&gt;, every plugin &lt;em&gt;MUST&lt;/em&gt; use &lt;code&gt;getLogger()&lt;/code&gt; for logging things, so mistakes can be fixed easily, even errors can be muted or redirected to your favorite logging platform.&lt;/p&gt;

&lt;p&gt;If you want to log something use this code:&lt;br&gt;
&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight typescript"&gt;&lt;code&gt;&lt;span class="nx"&gt;getLogger&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;tsParticles is awesome&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;--&lt;/p&gt;
&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/matteobruni"&gt;
        matteobruni
      &lt;/a&gt; / &lt;a href="https://github.com/matteobruni/tsparticles"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/187cb38a56a89a0ce0ac3531f08ee645449698a9dd8a2ec5314bda6754edbfc7/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni"&gt;&lt;img src="https://camo.githubusercontent.com/c508b81392a6c19a9e0c56efaabecaf35d36a34f667181a8890ddaba947b5d58/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/fed7a64132b4153e18c9cc8272ca1adcb597a702f173ba693ee34846c7548794/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/7f2132b2b5049cc87ec02df4105ab29778f5ea7021dbf0beb5202626a296632f/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/d0cf72b4278cf8388adf789170b20af613132d862fcb8781b37f6d5157c6a4bd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ca351b01c5158a4d9523a771b6df980a4adc040613b80e0a2753f61cebb070c7/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/c8a151dba322b363f75552c81e39168376ddc4678451ed2a731c6a1bd23806e8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ce969771f1502f57861fe8ce7c787c209c50ef17c2e19f35cb1de0c960eba94a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f6d617474656f6272756e692f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=matteobruni/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/8f96d4d0dccc9c7491f3ed07af70a808b0fd4d2e4d863a1f7bb9e51e10ae526e/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e08ae3630c8387f3d4fcccab125b08abafab0dcc343c4aab5ff31f085db83829/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/daadb4894128d1e19b72d80236f5959f1f2b47f9fe081373f3246131f0189f6c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/64adf1bd83058aa64f848245f74bef77cd7cc2a3f36343ac44d6d0c39cc41bc3/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f6d617474656f6272756e692f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/2f3c18346a206cb3767ec3fcd974da8bf77985bd849a77b320ac2a555064735c/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ee2eed4d8159b570eef394a484f574d3bd038f6c64ad92ca0db286045486edcb/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/84a163ef9f42100de044ab2e8966d332d3f2ca6acbfce87fdeb797c770cd4ec9/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/309cad18f9a2090efdb147ac71064a969b826c3f4e9387f0a8d8e36e70133a80/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/21bec78017a24cf8358d5cabb393216db5d0628de8f5c331511d128bd121ea4e/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e86b7f51a0224618fe45aad99bff3e02ed8a5838691f244bf1df0e94454dafe2/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e71e3958b61d3e8e3c64a7747407e0d7267599c87df10c0d94c6e9499c0772df/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
Table of Contents&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#tsparticles---typescript-particles"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#table-of-contents"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#do-you-want-to-use-it-on-your-website"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#library-installation"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#hosting--cdn"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jsdelivr"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#cdnjs"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#unpkg"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#npm"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#yarn"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#pnpm"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#import-and-require"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#usage"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#official-components-for-some-of-the-most-used-frameworks"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#angular"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ng-particles"&gt;&lt;code&gt;ng-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#astro"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#astro-particles"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#emberjs"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ember-tsparticles"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#inferno"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#inferno-particles"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#jquery"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jquery-particles"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#preact"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#preact-particles"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#reactjs"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#react-particles"&gt;&lt;code&gt;react-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#riotjs"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#riot-particles"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#solidjs"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#solid-particles"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#svelte"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#svelte-particles"&gt;&lt;code&gt;svelte-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-2x"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue2-particles"&gt;&lt;code&gt;vue2-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-3x"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue3-particles"&gt;&lt;code&gt;vue3-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#web-components"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#web-particles"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#wordpress"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#wordpress-particles"&gt;&lt;code&gt;wordpress-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#elementor"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#presets"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#big-circles"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#bubbles"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#confetti"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fire"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#firefly"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fireworks"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fountain"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#links"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#sea-anemone"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#stars"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#triangles"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#templates-and-resources"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#demo--generator"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#video-tutorials"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#characters-as-particles"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#polygon-mask"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#animated-stars"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#nyan-cat-flying-on-scrolling-stars"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow-particles"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#background-mask-particles"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/matteobruni/tsparticles"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;



</description>
      <category>typescript</category>
      <category>showdev</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
    <item>
      <title>tsParticles 2.10.0 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Sat, 03 Jun 2023 17:32:47 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-2100-released-4e96</link>
      <guid>https://dev.to/tsparticles/tsparticles-2100-released-4e96</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.10.0 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added max speed value to collisions options&lt;/li&gt;
&lt;li&gt;Added range values to spiral shape options, added &lt;code&gt;widthFactor&lt;/code&gt; value&lt;/li&gt;
&lt;li&gt;Added new arrow shape&lt;/li&gt;
&lt;li&gt;Added new cog shape&lt;/li&gt;
&lt;li&gt;Added mode to more coordinates options&lt;/li&gt;
&lt;li&gt;Added error prefix to standardize error messages&lt;/li&gt;
&lt;li&gt;Added image preload and name to shape options. Preload an image with a name, so it can be retrieved using only that in the options.&lt;/li&gt;
&lt;li&gt;Added compatibility with another old particles.js library (deprecated but some samples can be found around)&lt;/li&gt;
&lt;li&gt;Added new path plugin, using svg paths as a source&lt;/li&gt;
&lt;li&gt;Added delta to path generators&lt;/li&gt;
&lt;li&gt;Added delay options to particles values animations (&lt;code&gt;opacity&lt;/code&gt;, &lt;code&gt;size&lt;/code&gt;, &lt;code&gt;color&lt;/code&gt;, &lt;code&gt;stroke&lt;/code&gt;), closes #4985&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed typo in fireworks bundle exported types&lt;/li&gt;
&lt;li&gt;Fixed presets without particles count&lt;/li&gt;
&lt;li&gt;Improved container reset&lt;/li&gt;
&lt;li&gt;Fixed window resize fired during the initialization&lt;/li&gt;
&lt;li&gt;Improved spiral shape&lt;/li&gt;
&lt;li&gt;Fixed &lt;code&gt;ICoordinates&lt;/code&gt; types&lt;/li&gt;
&lt;li&gt;Fixed some load functions that weren't async&lt;/li&gt;
&lt;li&gt;Fixed some shapes particle init&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Other Changes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Improved image shape&lt;/li&gt;
&lt;li&gt;Changed despawn confetti action using opacity animation, was life duration, closes #4978&lt;/li&gt;
&lt;li&gt;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.

&lt;ul&gt;
&lt;li&gt;Angular (&lt;code&gt;ng-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/angular" rel="noopener noreferrer"&gt;https://github.com/tsparticles/angular&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Astro (&lt;code&gt;astro-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/astro" rel="noopener noreferrer"&gt;https://github.com/tsparticles/astro&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Ember (&lt;code&gt;ember-tsparticles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/ember" rel="noopener noreferrer"&gt;https://github.com/tsparticles/ember&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Inferno (&lt;code&gt;inferno-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/inferno" rel="noopener noreferrer"&gt;https://github.com/tsparticles/inferno&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;jQuery (&lt;code&gt;jquery-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/jquery" rel="noopener noreferrer"&gt;https://github.com/tsparticles/jquery&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Lit (&lt;code&gt;lit-tsparticles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/lit" rel="noopener noreferrer"&gt;https://github.com/tsparticles/lit&lt;/a&gt; &lt;em&gt;(WIP)&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;Preact (&lt;code&gt;preact-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/preact" rel="noopener noreferrer"&gt;https://github.com/tsparticles/preact&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;React (&lt;code&gt;react-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/react" rel="noopener noreferrer"&gt;https://github.com/tsparticles/react&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Riot (&lt;code&gt;riot-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/riot" rel="noopener noreferrer"&gt;https://github.com/tsparticles/riot&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Solid (&lt;code&gt;solid-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/solid" rel="noopener noreferrer"&gt;https://github.com/tsparticles/solid&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Stencil (`stencil-particles): &lt;a href="https://github.com/tsparticles/stencil" rel="noopener noreferrer"&gt;https://github.com/tsparticles/stencil&lt;/a&gt; &lt;em&gt;(WIP)&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;Svelte (&lt;code&gt;svelte-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/svelte" rel="noopener noreferrer"&gt;https://github.com/tsparticles/svelte&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Vue.js 2.x (&lt;code&gt;vue2-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/vue2" rel="noopener noreferrer"&gt;https://github.com/tsparticles/vue2&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Vue.js 3.x (&lt;code&gt;vue3-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/vue3" rel="noopener noreferrer"&gt;https://github.com/tsparticles/vue3&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Web Components (&lt;code&gt;web-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/webcomponents" rel="noopener noreferrer"&gt;https://github.com/tsparticles/webcomponents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;WordPress (&lt;code&gt;wordpress-particles&lt;/code&gt;): &lt;a href="https://github.com/tsparticles/wordpress" rel="noopener noreferrer"&gt;https://github.com/tsparticles/wordpress&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;Removed all presets from this repository for a single one (&lt;a href="https://github.com/tsparticles/presets" rel="noopener noreferrer"&gt;&lt;/a&gt;&lt;a href="https://github.com/tsparticles/presets" rel="noopener noreferrer"&gt;https://github.com/tsparticles/presets&lt;/a&gt;) in the @tsparticles organization, this will make easier to contribute to specific presets or create new ones.&lt;/li&gt;

&lt;li&gt;Added global variables to window object, so they are always accessible&lt;/li&gt;

&lt;li&gt;Migrating output to ES2021, it's widely used and supported&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  v3.0
&lt;/h2&gt;

&lt;p&gt;Probably this will be one of the latest &lt;code&gt;v2.x&lt;/code&gt; versions, except some bug fixes needed before &lt;code&gt;v3.0&lt;/code&gt; will be released.&lt;/p&gt;

&lt;p&gt;You can read more about the upcoming &lt;code&gt;v3.0&lt;/code&gt; in the post linked below&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/tsparticles" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F5962%2Fb083d75a-e417-4a45-b52c-2ce9dc549269.jpg" alt="tsParticles"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349511%2Fbb633a3a-649f-4897-9773-86a525c8fdc3.png" alt=""&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/tsparticles/preparing-tsparticles-v3-5bai" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Preparing tsParticles v3&lt;/h2&gt;
      &lt;h3&gt;Matteo Bruni for tsParticles ・ Jan 10 '23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#typescript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="noopener noreferrer"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles" rel="noopener noreferrer"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/" rel="noopener noreferrer"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e85b42f597affb561789ffcf149158ba8197775b55b86403708273e05db9c8b1/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/42e2d12c346b7b852bfbb1b6927482efd34478350a7c42cc3ed9e717baba81e8/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>javascript</category>
      <category>typescript</category>
      <category>showdev</category>
      <category>webdev</category>
    </item>
    <item>
      <title>tsParticles 2.9.3 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Sun, 12 Feb 2023 20:09:41 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-293-released-51a5</link>
      <guid>https://dev.to/tsparticles/tsparticles-293-released-51a5</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.9.3 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed some plugins, they weren't loading correctly the options&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h3&gt;
  
  
  Confetti Website
&lt;/h3&gt;

&lt;p&gt;Starting from &lt;code&gt;2.9.0&lt;/code&gt; there are two new bundle for easier configurations:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;confetti&lt;/code&gt;, the demos are available &lt;a href="https://confetti.js.org/more.html"&gt;here&lt;/a&gt;, readme &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/confetti#readme"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;fireworks&lt;/code&gt;, a demo website is not ready yet, but the readme contains all the options needed &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/fireworks#readme"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  v3.0
&lt;/h2&gt;

&lt;p&gt;Probably this will be the last &lt;code&gt;v2.x&lt;/code&gt; version, except some bug fixes needed before &lt;code&gt;v3.0&lt;/code&gt; will be released.&lt;/p&gt;

&lt;p&gt;You can read more about the upcoming &lt;code&gt;v3.0&lt;/code&gt; in the post linked below&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/tsparticles" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0m2InYgQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--ogUxrN6n--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/organization/profile_image/5962/b083d75a-e417-4a45-b52c-2ce9dc549269.jpg" alt="tsParticles" width="150" height="150"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VzpPV4FI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--48F7T3mb--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/349511/bb633a3a-649f-4897-9773-86a525c8fdc3.png" alt="" width="150" height="150"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/tsparticles/preparing-tsparticles-v3-5bai" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Preparing tsParticles v3&lt;/h2&gt;
      &lt;h3&gt;Matteo Bruni for tsParticles ・ Jan 10&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#typescript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/matteobruni"&gt;
        matteobruni
      &lt;/a&gt; / &lt;a href="https://github.com/matteobruni/tsparticles"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/187cb38a56a89a0ce0ac3531f08ee645449698a9dd8a2ec5314bda6754edbfc7/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni"&gt;&lt;img src="https://camo.githubusercontent.com/c508b81392a6c19a9e0c56efaabecaf35d36a34f667181a8890ddaba947b5d58/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/fed7a64132b4153e18c9cc8272ca1adcb597a702f173ba693ee34846c7548794/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/7f2132b2b5049cc87ec02df4105ab29778f5ea7021dbf0beb5202626a296632f/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/d0cf72b4278cf8388adf789170b20af613132d862fcb8781b37f6d5157c6a4bd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ca351b01c5158a4d9523a771b6df980a4adc040613b80e0a2753f61cebb070c7/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/c8a151dba322b363f75552c81e39168376ddc4678451ed2a731c6a1bd23806e8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ce969771f1502f57861fe8ce7c787c209c50ef17c2e19f35cb1de0c960eba94a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f6d617474656f6272756e692f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=matteobruni/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/8f96d4d0dccc9c7491f3ed07af70a808b0fd4d2e4d863a1f7bb9e51e10ae526e/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e08ae3630c8387f3d4fcccab125b08abafab0dcc343c4aab5ff31f085db83829/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/daadb4894128d1e19b72d80236f5959f1f2b47f9fe081373f3246131f0189f6c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/64adf1bd83058aa64f848245f74bef77cd7cc2a3f36343ac44d6d0c39cc41bc3/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f6d617474656f6272756e692f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/2f3c18346a206cb3767ec3fcd974da8bf77985bd849a77b320ac2a555064735c/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ee2eed4d8159b570eef394a484f574d3bd038f6c64ad92ca0db286045486edcb/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/84a163ef9f42100de044ab2e8966d332d3f2ca6acbfce87fdeb797c770cd4ec9/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/309cad18f9a2090efdb147ac71064a969b826c3f4e9387f0a8d8e36e70133a80/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/21bec78017a24cf8358d5cabb393216db5d0628de8f5c331511d128bd121ea4e/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e86b7f51a0224618fe45aad99bff3e02ed8a5838691f244bf1df0e94454dafe2/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e71e3958b61d3e8e3c64a7747407e0d7267599c87df10c0d94c6e9499c0772df/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
Table of Contents&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#tsparticles---typescript-particles"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#table-of-contents"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#do-you-want-to-use-it-on-your-website"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#library-installation"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#hosting--cdn"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jsdelivr"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#cdnjs"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#unpkg"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#npm"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#yarn"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#pnpm"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#import-and-require"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#usage"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#official-components-for-some-of-the-most-used-frameworks"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#angular"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ng-particles"&gt;&lt;code&gt;ng-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#astro"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#astro-particles"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#emberjs"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ember-tsparticles"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#inferno"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#inferno-particles"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#jquery"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jquery-particles"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#preact"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#preact-particles"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#reactjs"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#react-particles"&gt;&lt;code&gt;react-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#riotjs"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#riot-particles"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#solidjs"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#solid-particles"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#svelte"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#svelte-particles"&gt;&lt;code&gt;svelte-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-2x"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue2-particles"&gt;&lt;code&gt;vue2-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-3x"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue3-particles"&gt;&lt;code&gt;vue3-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#web-components"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#web-particles"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#wordpress"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#wordpress-particles"&gt;&lt;code&gt;wordpress-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#elementor"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#presets"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#big-circles"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#bubbles"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#confetti"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fire"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#firefly"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fireworks"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fountain"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#links"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#sea-anemone"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#stars"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#triangles"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#templates-and-resources"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#demo--generator"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#video-tutorials"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#characters-as-particles"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#polygon-mask"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#animated-stars"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#nyan-cat-flying-on-scrolling-stars"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow-particles"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#background-mask-particles"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/matteobruni/tsparticles"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>javascript</category>
      <category>typescript</category>
      <category>webdev</category>
      <category>showdev</category>
    </item>
    <item>
      <title>tsParticles 2.9.2 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Sun, 12 Feb 2023 13:06:24 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-292-released-51f3</link>
      <guid>https://dev.to/tsparticles/tsparticles-292-released-51f3</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.9.3 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed some plugins, they weren't loading correctly the options&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h3&gt;
  
  
  Confetti Website
&lt;/h3&gt;

&lt;p&gt;Starting from &lt;code&gt;2.9.0&lt;/code&gt; there are two new bundle for easier configurations:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;confetti&lt;/code&gt;, the demos are available &lt;a href="https://confetti.js.org/more.html" rel="noopener noreferrer"&gt;here&lt;/a&gt;, readme &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/confetti#readme" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;fireworks&lt;/code&gt;, a demo website is not ready yet, but the readme contains all the options needed &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/fireworks#readme" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  v3.0
&lt;/h2&gt;

&lt;p&gt;Probably this will be the last &lt;code&gt;v2.x&lt;/code&gt; version, except some bug fixes needed before &lt;code&gt;v3.0&lt;/code&gt; will be released.&lt;/p&gt;

&lt;p&gt;You can read more about the upcoming &lt;code&gt;v3.0&lt;/code&gt; in the post linked below&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/tsparticles" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F5962%2Fb083d75a-e417-4a45-b52c-2ce9dc549269.jpg" alt="tsParticles" width="800" height="600"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349511%2Fbb633a3a-649f-4897-9773-86a525c8fdc3.png" alt="" width="460" height="460"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/tsparticles/preparing-tsparticles-v3-5bai" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Preparing tsParticles v3&lt;/h2&gt;
      &lt;h3&gt;Matteo Bruni for tsParticles ・ Jan 10 '23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#typescript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="noopener noreferrer"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles" rel="noopener noreferrer"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/" rel="noopener noreferrer"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>discuss</category>
      <category>career</category>
      <category>productivity</category>
    </item>
    <item>
      <title>tsParticles 2.9.1 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Sun, 12 Feb 2023 11:23:21 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-291-released-1mdb</link>
      <guid>https://dev.to/tsparticles/tsparticles-291-released-1mdb</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.9.1 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed missing plugins in wordpress component&lt;/li&gt;
&lt;li&gt;Fixed confetti bundle package.json&lt;/li&gt;
&lt;li&gt;Fixed confetti.create function in confetti bundle&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Confetti Website
&lt;/h3&gt;

&lt;p&gt;Starting from &lt;code&gt;2.9.0&lt;/code&gt; there are two new bundle for easier configurations:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;confetti&lt;/code&gt;, the demos are available &lt;a href="https://confetti.js.org/more.html" rel="noopener noreferrer"&gt;here&lt;/a&gt;, readme &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/confetti#readme" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;fireworks&lt;/code&gt;, a demo website is not ready yet, but the readme contains all the options needed &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/fireworks#readme" rel="noopener noreferrer"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  v3.0
&lt;/h2&gt;

&lt;p&gt;Probably this will be the last &lt;code&gt;v2.x&lt;/code&gt; version, except some bug fixes needed before &lt;code&gt;v3.0&lt;/code&gt; will be released.&lt;/p&gt;

&lt;p&gt;You can read more about the upcoming &lt;code&gt;v3.0&lt;/code&gt; in the post linked below&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/tsparticles" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F5962%2Fb083d75a-e417-4a45-b52c-2ce9dc549269.jpg" alt="tsParticles" width="800" height="600"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349511%2Fbb633a3a-649f-4897-9773-86a525c8fdc3.png" alt="" width="460" height="460"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/tsparticles/preparing-tsparticles-v3-5bai" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Preparing tsParticles v3&lt;/h2&gt;
      &lt;h3&gt;Matteo Bruni for tsParticles ・ Jan 10 '23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#typescript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="noopener noreferrer"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles" rel="noopener noreferrer"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/" rel="noopener noreferrer"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>rust</category>
      <category>webdev</category>
      <category>discuss</category>
      <category>tests</category>
    </item>
    <item>
      <title>tsParticles 2.9.0 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Fri, 10 Feb 2023 13:19:26 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-290-released-421i</link>
      <guid>https://dev.to/tsparticles/tsparticles-290-released-421i</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.9.0 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Creating confetti 🎉🎊 bundle, easier confetti animations usage. Removed &lt;code&gt;confetti&lt;/code&gt; function from the preset, this bundle replaces this feature. The readme with instructions can be found &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/confetti#readme"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Creating fireworks 🎆🎇 bundle, easier fireworks animations usage. The readme with instructions can be found &lt;a href="https://github.com/matteobruni/tsparticles/tree/main/bundles/fireworks#readme"&gt;here&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Minor Changes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Added version to the &lt;code&gt;Engine&lt;/code&gt; object.&lt;/li&gt;
&lt;li&gt;Added &lt;code&gt;color&lt;/code&gt; and &lt;code&gt;colorOffset&lt;/code&gt; properties to &lt;code&gt;split&lt;/code&gt; options.&lt;/li&gt;
&lt;li&gt;Changed default particles &lt;code&gt;number&lt;/code&gt; value to &lt;code&gt;0&lt;/code&gt;, the previous default value was meaningless. You must specify a number now, it's easier to implement &lt;code&gt;emitters&lt;/code&gt; plugin since you can declare just the &lt;code&gt;emitters&lt;/code&gt; property without specifying &lt;code&gt;0&lt;/code&gt; particles. If you need any number, you declare it ignoring the default value.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  v3.0
&lt;/h2&gt;

&lt;p&gt;Probably this will be the last &lt;code&gt;v2.x&lt;/code&gt; version, except some bug fixes needed before &lt;code&gt;v3.0&lt;/code&gt; will be released.&lt;/p&gt;

&lt;p&gt;You can read more about the upcoming &lt;code&gt;v3.0&lt;/code&gt; in the post linked below&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/tsparticles" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0m2InYgQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--ogUxrN6n--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/organization/profile_image/5962/b083d75a-e417-4a45-b52c-2ce9dc549269.jpg" alt="tsParticles" width="150" height="150"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VzpPV4FI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--48F7T3mb--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/349511/bb633a3a-649f-4897-9773-86a525c8fdc3.png" alt="" width="150" height="150"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="/tsparticles/preparing-tsparticles-v3-5bai" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Preparing tsParticles v3&lt;/h2&gt;
      &lt;h3&gt;Matteo Bruni for tsParticles ・ Jan 10&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#typescript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/matteobruni"&gt;
        matteobruni
      &lt;/a&gt; / &lt;a href="https://github.com/matteobruni/tsparticles"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/187cb38a56a89a0ce0ac3531f08ee645449698a9dd8a2ec5314bda6754edbfc7/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni"&gt;&lt;img src="https://camo.githubusercontent.com/c508b81392a6c19a9e0c56efaabecaf35d36a34f667181a8890ddaba947b5d58/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/fed7a64132b4153e18c9cc8272ca1adcb597a702f173ba693ee34846c7548794/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/7f2132b2b5049cc87ec02df4105ab29778f5ea7021dbf0beb5202626a296632f/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/d0cf72b4278cf8388adf789170b20af613132d862fcb8781b37f6d5157c6a4bd/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f74737061727469636c65732d656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ca351b01c5158a4d9523a771b6df980a4adc040613b80e0a2753f61cebb070c7/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/c8a151dba322b363f75552c81e39168376ddc4678451ed2a731c6a1bd23806e8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ce969771f1502f57861fe8ce7c787c209c50ef17c2e19f35cb1de0c960eba94a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f6d617474656f6272756e692f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=matteobruni/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/8f96d4d0dccc9c7491f3ed07af70a808b0fd4d2e4d863a1f7bb9e51e10ae526e/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e08ae3630c8387f3d4fcccab125b08abafab0dcc343c4aab5ff31f085db83829/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/daadb4894128d1e19b72d80236f5959f1f2b47f9fe081373f3246131f0189f6c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/matteobruni/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/64adf1bd83058aa64f848245f74bef77cd7cc2a3f36343ac44d6d0c39cc41bc3/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f6d617474656f6272756e692f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/2f3c18346a206cb3767ec3fcd974da8bf77985bd849a77b320ac2a555064735c/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/ee2eed4d8159b570eef394a484f574d3bd038f6c64ad92ca0db286045486edcb/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f736c61636b2e706e67" alt="Slack"&gt;&lt;/a&gt;
&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/84a163ef9f42100de044ab2e8966d332d3f2ca6acbfce87fdeb797c770cd4ec9/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f57686174734170702e706e67" alt="WhatsApp"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/309cad18f9a2090efdb147ac71064a969b826c3f4e9387f0a8d8e36e70133a80/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/21bec78017a24cf8358d5cabb393216db5d0628de8f5c331511d128bd121ea4e/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e86b7f51a0224618fe45aad99bff3e02ed8a5838691f244bf1df0e94454dafe2/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow"&gt;&lt;img src="https://camo.githubusercontent.com/e71e3958b61d3e8e3c64a7747407e0d7267599c87df10c0d94c6e9499c0772df/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
Table of Contents&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#tsparticles---typescript-particles"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#table-of-contents"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#do-you-want-to-use-it-on-your-website"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#library-installation"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#hosting--cdn"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jsdelivr"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#cdnjs"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#unpkg"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#npm"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#yarn"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#pnpm"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#import-and-require"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#usage"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#official-components-for-some-of-the-most-used-frameworks"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#angular"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ng-particles"&gt;&lt;code&gt;ng-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#astro"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#astro-particles"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#emberjs"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#ember-tsparticles"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#inferno"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#inferno-particles"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#jquery"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#jquery-particles"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#preact"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#preact-particles"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#reactjs"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#react-particles"&gt;&lt;code&gt;react-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#riotjs"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#riot-particles"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#solidjs"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#solid-particles"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#svelte"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#svelte-particles"&gt;&lt;code&gt;svelte-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-2x"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue2-particles"&gt;&lt;code&gt;vue2-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#vuejs-3x"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#vue3-particles"&gt;&lt;code&gt;vue3-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#web-components"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#web-particles"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#wordpress"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#wordpress-particles"&gt;&lt;code&gt;wordpress-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#elementor"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#presets"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#big-circles"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#bubbles"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#confetti"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fire"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#firefly"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fireworks"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#fountain"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#links"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#sea-anemone"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#stars"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#triangles"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#templates-and-resources"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#demo--generator"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/matteobruni/tsparticles#video-tutorials"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#characters-as-particles"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#polygon-mask"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#animated-stars"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#nyan-cat-flying-on-scrolling-stars"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#snow-particles"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/matteobruni/tsparticles#background-mask-particles"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/matteobruni/tsparticles"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>javascript</category>
      <category>typescript</category>
      <category>webdev</category>
      <category>showdev</category>
    </item>
    <item>
      <title>tsParticles 2.8.0 Released</title>
      <dc:creator>Matteo Bruni</dc:creator>
      <pubDate>Thu, 19 Jan 2023 07:09:42 +0000</pubDate>
      <link>https://dev.to/tsparticles/tsparticles-280-released-311i</link>
      <guid>https://dev.to/tsparticles/tsparticles-280-released-311i</guid>
      <description>&lt;h2&gt;
  
  
  tsParticles 2.8.0 Changelog
&lt;/h2&gt;

&lt;h3&gt;
  
  
  New Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Reworked move.trail options, created an object with color and image, closes #4882&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Trail Fill options
&lt;/h4&gt;

&lt;p&gt;The previous &lt;code&gt;fillColor&lt;/code&gt; is still available, but it's just a getter for the new &lt;code&gt;fill&lt;/code&gt; options, which is an object like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fill: {
  color: "#123456"
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;or&lt;br&gt;
&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;fill: {
  image: "https://foo.bar/baz.jpg"
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;You can choose only one of them, to fill the canvas with the given image or color and create a trail effect.&lt;/p&gt;

&lt;p&gt;As many knows, filling the canvas with a semitransparent color or image and drawing stuff, can leave some trail marks and in the image they can be seen a lot sometimes, the longer the trail the more visible they'll be.&lt;/p&gt;
&lt;h3&gt;
  
  
  Bug Fixes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Fixed polygon mask position issues&lt;/li&gt;
&lt;li&gt;Fixed polygon mask scaling issues&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;--&lt;/p&gt;
&lt;h2&gt;
  
  
  v3.0
&lt;/h2&gt;

&lt;p&gt;Probably this will be the last &lt;code&gt;v2.x&lt;/code&gt; version, except some bug fixes needed before &lt;code&gt;v3.0&lt;/code&gt; will be released.&lt;/p&gt;

&lt;p&gt;You can read more about the upcoming &lt;code&gt;v3.0&lt;/code&gt; in the post linked below&lt;/p&gt;


&lt;div class="ltag__link"&gt;
  &lt;a href="/tsparticles" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__org__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F5962%2Fb083d75a-e417-4a45-b52c-2ce9dc549269.jpg" alt="tsParticles" width="800" height="600"&gt;
      &lt;div class="ltag__link__user__pic"&gt;
        &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349511%2Fbb633a3a-649f-4897-9773-86a525c8fdc3.png" alt="" width="460" height="460"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/tsparticles/preparing-tsparticles-v3-5bai" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Preparing tsParticles v3&lt;/h2&gt;
      &lt;h3&gt;Matteo Bruni for tsParticles ・ Jan 10 '23&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#typescript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#showdev&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;



&lt;p&gt;--&lt;/p&gt;

&lt;h2&gt;
  
  
  Social links
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="noopener noreferrer"&gt;Discord&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://chat.whatsapp.com/KQyHc9UEbRc2qlqNQR2J5c" rel="noopener noreferrer"&gt;WhatsApp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://t.me/tsparticles" rel="noopener noreferrer"&gt;Telegram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.reddit.com/r/tsParticles/" rel="noopener noreferrer"&gt;Reddit&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;





&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt; / &lt;a href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;
        tsparticles
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a href="https://particles.js.org" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/874692449f0185736787bf6e6b8a2efb04e908be108425dcb62e13f55d7edac2/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f62616e6e6572332e706e67" alt="banner"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;tsParticles - TypeScript Particles&lt;/h1&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with
React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/sponsors/matteobruni" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6216f773b4779db852b06f35cd2c91e2d6397e62de015847ef1d26c5062c98d9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73706f6e736f72732f6d617474656f6272756e693f7374796c653d666f722d7468652d6261646765" alt="GitHub Sponsors"&gt;&lt;/a&gt;
&lt;a href="https://www.jsdelivr.com/package/npm/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1a9262dfad04d85759409799ceeddb841d45a15f6c7f132d7bfeef1fe21036f9/68747470733a2f2f696d672e736869656c64732e696f2f6a7364656c6976722f6e706d2f686d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="jsDelivr hits (npm)"&gt;&lt;/a&gt;
&lt;a href="https://cdnjs.com/libraries/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6aee162ad9dedb65f1c3ab3482b46b3fd892764db888e92074ce2ba9d50aa2b0/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="Cdnjs"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4dd1dd2a850ce88764eea0bc993f5707913c6091e19feff74ba33b424147415a/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f4074737061727469636c65732f656e67696e653f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://www.npmjs.com/package/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/369852dcc73c6805b593996ad74e651b82ef5e6dc303ee00cb45916913f9cabe/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f74737061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="npm"&gt;&lt;/a&gt;
&lt;a href="https://lerna.js.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fb4ba748bb59d4ba040da11727aebf9f749a66a54db3b3a87324849231d3fe98/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d61696e7461696e6564253230776974682d6c65726e612d6363303066663f7374796c653d666f722d7468652d6261646765" alt="lerna"&gt;&lt;/a&gt;
&lt;a href="https://www.codefactor.io/repository/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/c29f6aa052588618cb44ac02b7b995404c83ecff898f204d66c2ef1af67b8d9a/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f74737061727469636c65732f74737061727469636c65732f6261646765" alt="CodeFactor"&gt;&lt;/a&gt;
&lt;a href="https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&amp;amp;utm_medium=referral&amp;amp;utm_content=tsparticles/tsparticles&amp;amp;utm_campaign=Badge_Grade" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e5c28b56616a7142a4ea44b557c3c803378f002a69d233d65950845e01453c69/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f6239383361616633343631613463343862316532656563636531666631643734" alt="Codacy Badge"&gt;&lt;/a&gt;
&lt;a href="https://openbase.com/js/tsparticles?utm_source=embedded&amp;amp;utm_medium=badge&amp;amp;utm_campaign=rating-badge&amp;amp;utm_term=js/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/1bc089fb7a692d5262dddae86385fc3e04f453296a50da05744f49b35508f9b5/68747470733a2f2f6261646765732e6f70656e626173652e636f6d2f6a732f726174696e672f74737061727469636c65732e7376673f7374796c653d6f70656e6261736526746f6b656e3d41396a4851316e6b6236666e436e644b4d374f3277346878334f443850564375714874537077386d4d4f673d" alt="Rate this package"&gt;&lt;/a&gt;
&lt;a href="https://gitpod.io/#https://github.com/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fc7dbfa8c5b4a2d26b66b512fb6af478333f50a75e990376458de71db990b5b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476974706f642d72656164792d2d746f2d2d636f64652d626c75653f6c6f676f3d676974706f64" alt="Gitpod Ready-to-Code"&gt;&lt;/a&gt;
&lt;a href="https://repl.it/github/tsparticles/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/cb10f62a4bd9f7b96d54dc57939c273b9029a030ef3221413348991ae30b88ba/68747470733a2f2f7265706c2e69742f62616467652f6769746875622f74737061727469636c65732f74737061727469636c6573" alt="Run on Repl.it"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://discord.gg/hACwv45Hme" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ed7a18cb3aaea5cb56fef88daf5be499ec056e0f2be703ed72dc4dd8fad8fbb0/68747470733a2f2f696d672e736869656c64732e696f2f646973636f72642f3837323036313135373337393330313431363f6c6162656c3d646973636f7264266c6f676f3d646973636f7264266c6f676f436f6c6f723d7768697465267374796c653d666f722d7468652d6261646765" alt="Discord"&gt;&lt;/a&gt;
&lt;a href="https://t.me/tsparticles" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/9cf807655ae56764f250ae046a01493ce4e1417b61c3ef5bb094f1d58adb2a71/68747470733a2f2f7061727469636c65732e6a732e6f72672f696d616765732f74656c656772616d2e706e67" alt="Telegram"&gt;&lt;/a&gt;
&lt;a href="https://www.reddit.com/r/tsParticles/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/d91ff3f28817010a47a4679e590728f44a4c2151481bc628e9c7d3a2d6ea0ca0/68747470733a2f2f696d672e736869656c64732e696f2f7265646469742f7375627265646469742d73756273637269626572732f74735061727469636c65733f7374796c653d666f722d7468652d6261646765" alt="Reddit"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&amp;amp;utm_medium=badge&amp;amp;utm_souce=badge-tsparticles%22" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/73b2d55d81bb148bbf186b9a87ed9a93acee92258e3f484aea06f0302ce5f834/68747470733a2f2f6170692e70726f6475637468756e742e636f6d2f776964676574732f656d6265642d696d6167652f76312f66656174757265642e7376673f706f73745f69643d313836313133267468656d653d6c69676874" alt="tsParticles Product Hunt"&gt;&lt;/a&gt;
&lt;a href="https://www.buymeacoffee.com/matteobruni" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/a8944894f1461ad0164994dcfda71d4be34c1eb09311bb9e244586d933207d0a/68747470733a2f2f696d672e6275796d6561636f666665652e636f6d2f627574746f6e2d6170692f3f746578743d4275792532306d65253230612532306265657226656d6f6a693d25463025394625384425424126736c75673d6d617474656f6272756e6926627574746f6e5f636f6c6f75723d35463746464626666f6e745f636f6c6f75723d66666666666626666f6e745f66616d696c793d417269616c266f75746c696e655f636f6c6f75723d30303030303026636f666665655f636f6c6f75723d464644443030253232" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;Table of Contents&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#tsparticles---typescript-particles" rel="noopener noreferrer"&gt;tsParticles - TypeScript Particles&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#table-of-contents" rel="noopener noreferrer"&gt;Table of Contents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#do-you-want-to-use-it-on-your-website" rel="noopener noreferrer"&gt;Do you want to use it on your website?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#library-installation" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Library installation&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#hosting--cdn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Hosting / CDN&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jsdelivr" rel="noopener noreferrer"&gt;jsDelivr&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#cdnjs" rel="noopener noreferrer"&gt;cdnjs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#unpkg" rel="noopener noreferrer"&gt;unpkg&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#npm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;npm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#yarn" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;yarn&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#pnpm" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;pnpm&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#import-and-require" rel="noopener noreferrer"&gt;Import and require&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#usage" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Usage&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#official-components-for-some-of-the-most-used-frameworks" rel="noopener noreferrer"&gt;Official components for some of the most used frameworks&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#angular" rel="noopener noreferrer"&gt;Angular&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/angular" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/angular&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#astro" rel="noopener noreferrer"&gt;Astro&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#astro-particles" rel="noopener noreferrer"&gt;&lt;code&gt;astro-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#emberjs" rel="noopener noreferrer"&gt;Ember.js&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#ember-tsparticles" rel="noopener noreferrer"&gt;&lt;code&gt;ember-tsparticles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#inferno" rel="noopener noreferrer"&gt;Inferno&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#inferno-particles" rel="noopener noreferrer"&gt;&lt;code&gt;inferno-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#jquery" rel="noopener noreferrer"&gt;jQuery&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#jquery-particles" rel="noopener noreferrer"&gt;&lt;code&gt;jquery-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#preact" rel="noopener noreferrer"&gt;Preact&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#preact-particles" rel="noopener noreferrer"&gt;&lt;code&gt;preact-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#reactjs" rel="noopener noreferrer"&gt;ReactJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesreact" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/react&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#riotjs" rel="noopener noreferrer"&gt;RiotJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#riot-particles" rel="noopener noreferrer"&gt;&lt;code&gt;riot-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#solidjs" rel="noopener noreferrer"&gt;SolidJS&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#solid-particles" rel="noopener noreferrer"&gt;&lt;code&gt;solid-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#svelte" rel="noopener noreferrer"&gt;Svelte&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/svelte" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/svelte&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-2x" rel="noopener noreferrer"&gt;VueJS 2.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue2" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue2&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#vuejs-3x" rel="noopener noreferrer"&gt;VueJS 3.x&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#tsparticlesvue3" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/vue3&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#web-components" rel="noopener noreferrer"&gt;Web Components&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#web-particles" rel="noopener noreferrer"&gt;&lt;code&gt;web-particles&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#wordpress" rel="noopener noreferrer"&gt;WordPress&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#@tsparticles/wordpress" rel="noopener noreferrer"&gt;&lt;code&gt;@tsparticles/wordpress&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#elementor" rel="noopener noreferrer"&gt;Elementor&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#presets" rel="noopener noreferrer"&gt;Presets&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#big-circles" rel="noopener noreferrer"&gt;Big Circles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#bubbles" rel="noopener noreferrer"&gt;Bubbles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#confetti" rel="noopener noreferrer"&gt;Confetti&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fire" rel="noopener noreferrer"&gt;Fire&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#firefly" rel="noopener noreferrer"&gt;Firefly&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fireworks" rel="noopener noreferrer"&gt;Fireworks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#fountain" rel="noopener noreferrer"&gt;Fountain&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#links" rel="noopener noreferrer"&gt;Links&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#sea-anemone" rel="noopener noreferrer"&gt;Sea Anemone&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow" rel="noopener noreferrer"&gt;Snow&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#stars" rel="noopener noreferrer"&gt;Stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#triangles" rel="noopener noreferrer"&gt;Triangles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#templates-and-resources" rel="noopener noreferrer"&gt;Templates and Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#demo--generator" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Demo / Generator&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://github.com/tsparticles/tsparticles#video-tutorials" rel="noopener noreferrer"&gt;&lt;strong&gt;&lt;em&gt;Video Tutorials&lt;/em&gt;&lt;/strong&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#characters-as-particles" rel="noopener noreferrer"&gt;Characters as particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#polygon-mask" rel="noopener noreferrer"&gt;Polygon mask&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#animated-stars" rel="noopener noreferrer"&gt;Animated stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#nyan-cat-flying-on-scrolling-stars" rel="noopener noreferrer"&gt;Nyan cat flying on scrolling stars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#snow-particles" rel="noopener noreferrer"&gt;Snow particles&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://github.com/tsparticles/tsparticles#background-mask-particles" rel="noopener noreferrer"&gt;Background Mask particles&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;…&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/tsparticles/tsparticles" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>writing</category>
      <category>posts</category>
      <category>gratitude</category>
    </item>
  </channel>
</rss>
