Search…
⌃K

Usage

Basic Setup

Embed this code to your website
<script src="https://unpkg.com/@drum-n-bass/kinetics"></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