Smooth Scroll is a modern web design pattern that enables the visitor to smoothly scroll the web page to a particular position.
In this post, you will see the 10 best JavaScript libraries for smooth scroll functionality without any 3rd dependencies (e.g. jQuery).
I hope you like it and help me spread the world.
Originally Published Dec 05 2017, updated Feb 12 2025
10 Best Smooth Scroll JavaScript Plugins:
1. Scrollspy & Smooth Scroll Library – scrollspy.js
A lightweight pure JavaScript scrollspy library that enables the navigation links to smoothly scroll between page sections with scrollspy support.
2. Super Smooth Scroll To JavaScript Library – Scroller.js
A lightweight and customizable smooth scrolling JavaScript library that works with any element (not only anchor links).
3. Smooth Scroll With Easing Functions – smooth-scroll
A lightweight, fast JavaScript library which applies a smooth scroll behavior (with or without easing functions) to anchor links within the document.
4. Silky Smooth & Momentum Scrolling With mrD-SmoothScroller
A tiny JavaScript library that replaces the native scroll events with a smooth scroll behavior. Supports mouse wheel, trackpad, and keyboard input.
5. Smooth Scrolling For Mouse Wheel & Anchor Links – smooth-scroll.js
A small JavaScript library that enables configurable smooth-scrolling effects on the mouse wheel and anchor links within your document.
6. Configurable Smooth Scroll Animation In Vanilla JavaScript – moveTo.js
A lightweight JavaScript library that allows for scroll smoothly between content sections within the document. Powered by window.requestAnimationFrame() API and fully configurable via both JavaScript and Data attributes.
7. JavaScript Library For Smooth Scrolling With Easing – smooth-scroll.js
An advanced smooth scroll JavaScript library that makes it possible to smoothly scroll the page to a specified point within the document, with configurable duration and optional easing effects.
8. Basic Smooth Scroll In Vanilla JavaScript – SmoothScroll.js
Yet another smooth scroll library in pure JavaScript that enables the internal anchor link to smoothly scroll to a specific point at a given speed.
9. Advanced Smooth Scrolling For Web Apps – FluidScroll.js
An advanced and highly customizable smooth scrolling JavaScript library designed for websites featuring long pages, single-page applications, or sections that demand smooth transitions.
10. Ditch the Jumpy Scrolling: Boost Your Site’s Navigation Experience With HD-Smooth-Scroll
A lightweight JavaScript library that automatically detects and applies smooth scrolling effects to all anchor links on your webpage, those with hashtags that link to specific sections. This can be incredibly useful for long pages with multiple sections, like single-page websites or landing pages.
More Resources:
To download more smooth scroll libraries for your modern website & web app, here are a few more resources available online: