tsParticles 2.6.0 Released

tsParticles 2.6.0 Changelog

Bug Fixes

• Improved angular component id management
• Fixed multiline text shape (and relative demo)
• Fixed issues with links colors and themes, fixes #4841

New Features

• Added new resize object to interactivity options, can change the debounce delay, fixes #4803
• WordPress plugin is now localizable, closes #4807

Other Changes

• Fixed dependencies charts on README files, closes #4763
• Added reset to path generators, this fixes issues with sea anemone and polygon path plugins

--

Social links

• Discord
• Slack
• WhatsApp
• Telegram
• Reddit

---

tsparticles / 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
      • @tsparticles/angular
    • Astro
      • astro-particles
    • Ember.js
      • ember-tsparticles
    • Inferno
      • inferno-particles
    • jQuery
      • jquery-particles
    • Preact
      • preact-particles
    • ReactJS
      • @tsparticles/react
    • RiotJS
      • riot-particles
    • SolidJS
      • solid-particles
    • Svelte
      • @tsparticles/svelte
    • VueJS 2.x
      • @tsparticles/vue2
    • VueJS 3.x
      • @tsparticles/vue3
    • Web Components
      • web-particles
    • WordPress
      • @tsparticles/wordpress
    • 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

Comments

[tugrulyildirim.com]

hello, thanks for sharing. It is really nice confetti animation. I am using it in my several projects but I couldn't any way to set animation time. I wanted to play all animation for 2 seconds. Can you say how ?

[Matteo Bruni]

If you are using standard tsParticles options, there is a duration field in the root object, that sets how long the effect will last, the value is in seconds.
If you are using the confetti alias function from tsparticles-confetti, there is the ticks field, that values is used to calculate how fast the confetti will become transparent. Converting it to seconds can be hard to explain, it's easier to try some values and see the effect if it's nice.