DEV Community 👩‍💻👨‍💻

Cover image for ⭐️⭐️ tsParticles 1.31.0 and 2K stars on GitHub 🔥
Matteo Bruni for tsParticles

Posted on • Updated on

⭐️⭐️ tsParticles 1.31.0 and 2K stars on GitHub 🔥

tsParticles 1.31.0

First of all, thanks to all users that left a stars to this project, it's growing fast for being just a new particles library.

2K Stars

I wanted to release the 1.31.0 version when 2K stars reached since it was a close target.

Now let's see what's new in this version

New Features

  • Added zIndex options, closes #979
  • Added particles groups to options


  • Infection is now a plugin, and it's included and is not included in the slim version
  • Changed particles move distance options to an horizontal/vertical object, single number still valid


Here we can see the new Z Index effect, particles are in different "layers" and opacity is not affected by configuration.

Let's set a new target to 3K stars from now, thanks for the new star ⭐️

GitHub logo matteobruni / tsparticles

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.


tsParticles - TypeScript Particles

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

GitHub Sponsors Rate on Openbase jsDelivr Cdnjs npmjs npm lerna CodeFactor Codacy Badge Gitpod Ready-to-Code Run on

Discord Slack Telegram Reddit

tsParticles Product Hunt

Table of Contents

⚠️⚠️ This readme refers to upcoming v2 version, read here for v1 documentation ⚠️⚠️

Do you want to use it on your website?

Documentation and Development references here 📖

This library is

You can see other configurations and articles in my profile

Top comments (2)

markwright profile image

Congratulations and great job!!

Head to your account's Settings to...

🌚 Enable dark mode
🔠 Change your default font
📚 Adjust your experience level to see more relevant content