⭐️⭐️ 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.

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

Changes

• 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

Sample

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 ⭐️

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

---

Table of Contents

• tsParticles - TypeScript Particles
  • Table of Contents
  • Do you want to use it on your website?
  • Library installation
    • Hosting / CDN
      • jsDelivr
      • cdnjs
      • unpkg
    • npm
    • yarn
    • pnpm
      • Import and require
    • Usage
  • Official components for some of the most used frameworks
    • Angular
      • ng-particles
    • Astro
      • astro-particles
    • Ember.js
      • ember-tsparticles
    • Inferno
      • inferno-particles
    • jQuery
      • jquery-particles
    • Preact
      • preact-particles
    • ReactJS
      • react-particles
    • RiotJS
      • riot-particles
    • SolidJS
      • solid-particles
    • Svelte
      • svelte-particles
    • VueJS 2.x
      • vue2-particles
    • VueJS 3.x
      • vue3-particles
    • Web Components
      • web-particles
    • WordPress
      • wordpress-particles
    • Elementor
  • Presets
    • Big Circles
    • Bubbles
    • Confetti
    • Fire
    • Firefly
    • Fireworks
    • Fountain
    • Links
    • Sea Anemone
    • Snow
    • Stars
    • Triangles
  • Templates and Resources
  • Demo / Generator
  • Video Tutorials
    • Characters as particles
    • Polygon mask
    • Animated stars
    • Nyan cat flying on scrolling stars
    • Snow particles
    • Background Mask particles
  • …

View on GitHub

You can see other configurations and articles in my profile

[JS] How to create beautiful and realistic confetti animation with tsParticles

Matteo Bruni for tsParticles ・ Jun 29 '21

#showdev #javascript #html #webdev

tsParticles Fireworks Effect 2.0

Matteo Bruni for tsParticles ・ Jun 16 '21

#codepen #showdev #javascript #html

Comments

[markwrightdev]

Congratulations and great job!!