Canvas Based Fireworks Effect On Click - jQuery click-fireworks.js

File Size: 3.72 KB
Views Total: 9912
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Canvas Based Fireworks Effect On Click - jQuery click-fireworks.js

click-fireworks.js is a really simple jQuery plugin used for creating a configurable fireworks/confetti animation effect on any clickable element using HTML5 canvas and anime.js animation engine.

See also:

How to use it:

1. Load the necessary jQuery library and anime.js in your document.

<script src="" 
<script src=""

2. Download and load the jQuery click-fireworks.js script after jQuery library.

<script src=""></script>

3. Enable the fireworks/confetti animation effect on a button you specify.

<button>click me</button>
$(function () {

    // canvas id
    id: 'fireworks', 

    // append canvas to where, default is body
    appendTo: 'body', 

    // canvas z-index, make it higher than anything on the page
    zIndex: 1000 

This awesome jQuery plugin is developed by megaseeds. For more Advanced Usages, please check the demo page or visit the official website.