Add a little spark to your clicks. ✨
npm install click-spark
Or you can download the click-spark.js file from this repo and add it to your project.
Add the custom element wherever we want to see sparks fly.
<script type="module" src="click-spark.js"></script>
<body>
<!-- only add sparks within this container -->
<div class="container">
<click-spark></click-spark>
</div>
<!-- sparks appear everywhere we click -->
<click-spark></click-spark>
</body>Set a spark color via CSS custom property:
<click-spark style="--click-spark-color: blue"></click-spark>