ScrollMoo

ScrollMoo is a pure JavaScript-based tool that lets you create high-performance, scroll-triggered/scroll-driven, keyframed animations on HTML elements during vertical scrolling on a webpage. Whether you're a professional web developer or just familiar with HTML, CSS, and JavaScript basics, the simplicity of ScrollMoo will make it easy and enjoyable to create spectacular web animations.

For more information, please visit ScrollMoo.com

Demos

Check out multiple demos on ScrollMoo's website.

Docs

You can find full documentation here.

Installation

You can find detailed installation guide here.

CDN

If you prefer to use a CDN

<script src="https://cdn.jsdelivr.net/npm/scrollmoo@1.0.7/dist/scrollmoo.min.js"></script>

NPM

You can also install it with NPM

npm install scrollmoo

Usage

import ScrollMoo from "scrollmoo"; // NPM

let SM = ScrollMoo({
    ".your-element": {
        markers: true, // only during the development
        keyframes: {
            transform: {
                rotate: {
                    100: "360deg"
                }
            }
        }
    }
});

License

MIT