Basic Setup

Embed this code to your website
<script src=""></script>
Init Kinetics with default settings.
document.addEventListener('DOMContentLoaded', function() {
const kinetics = new Kinetics().interactionHook();
Apply some attraction to what ever page elements.
<div data-kinetics-attraction>Hello World</div>

Init Kinetics with Parameters

To init Kinetics with your custom params, you can just define and load it like this.
const params = {
"particles": {
"count": 10,
"sizes": {"min": 3, "max": 150},
"rotate": {"speed": .3, "direction": null},
const kinetics = new Kinetics(params).interactionHook();
Last modified 1yr ago