Bring Your Website to Life with Effortless Scroll Animations
MotionScroll.js is the performant, lightweight JavaScript library for creating beautiful, smooth, scroll-triggered animations with zero dependencies.
Why Choose MotionScroll?
Discover the features that make MotionScroll the best choice for your next web animation project.
Feather-light & Performant
At just 2KB gzipped, MotionScroll won't slow your site down. It uses highly optimized intersection observers for silky-smooth animations.
Declarative & Easy to Use
Get started in minutes. Simply add `data-scroll` attributes to your HTML elements. No complex JavaScript configuration needed.
Zero Dependencies
MotionScroll is written in pure, modern JavaScript. It works on its own without needing jQuery or any other external libraries.
Get Started in 30 Seconds
Implementing scroll animations has never been easier. Just link the script and add attributes.
<!-- 1. Add the script to your page -->
<script src="https://cdn.motionscroll.com/v1/motionscroll.min.js" defer></script>
<!-- 2. Add data attributes to any element -->
<h1 data-scroll="fade-in-up">Animate Me!</h1>
<div data-scroll="fade-in" data-scroll-delay="200">
I will fade in after 200ms.
</div>
<img src="image.jpg" data-scroll="zoom-in" data-scroll-duration="800">Simple, Straightforward Pricing
Use MotionScroll for all your projects. No hidden fees, no complicated licenses.
Open Source
$0
Free forever. For personal and commercial use.
- All animation types
- Unlimited project usage
- Community support via GitHub
Ready to Animate Your Website?
Join thousands of developers creating more engaging web experiences with MotionScroll. It's free and open-source.
Get Started Now