ClickSpark.js

ClickSpark.js is an open source particle effect tool for the frontend. It’s based on JavaScript and HTML5.

ClickSpark.js adds beautiful particle effects to your JavaScript events. The special feature is that image files can be used as single particles. It’s easily configurable and flexible.

Dependencies: Libraries API

Demo: ClickSpark Demo

Example to integrate with an element click:

$('.button-3').clickSpark({
  particleImagePath: '../particle-3.png',
  particleCount: 55,
  particleSpeed: 10,
  particleSize: 12,
  particleRotationSpeed: 0,
  animationType:'blowleft'
  callback: function () {
    $('.callbackDiv').show();
  }
});