This is a webpack boilerplate!

Init with vanilla Javascript

Smooth.create({
    id: 'smooth', // string
    timing: 'linear', // boolean (true), string, function
    duration: 300, // number

    destroyWhenCompleted: true, // boolean
    customTimeFraction: undefined, // object {value: timeFraction}

    onUpdate: (self) => {
    }
});
        

Smooth Scrolling

Create smooth scrolling effect to entire the page

Parallax Image

Create parallax effect for image with Scroll Trigger and Smooth.js

image

Custom cursor

Create custom cursor with Smooth.js and Position.js