10 Best Smooth Scroll Libraries In Pure JavaScript (2022 Update)

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 the 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 Mar 03 2022

10 Best Smooth Scroll JavaScript Plugins:

1. Scrollspy & Smooth Scroll Library – scrollspy.js

Scrollspy & Smooth Scroll Library – scrollspy.js

Demo Download

A lightweight pure JavaScript scrollspy library that enables the navigation links to smoothly scroll between page sections with scrollspy support.


2. Smooth Scroll With Easing Functions – smooth-scroll

Smooth Scroll With Easing Functions – smooth-scroll

[Demo] [Download]

A lightweight, fast JavaScript library which applies a smooth scroll behavior (with or without easing functions) to anchor links within the document.


3. Scroll To Anchor

Scroll To Anchor

Demo Download

Yet another smooth scroll JavaScript library that smoothly scrolls the page to specific anchors with offsets in the document.


4. Animate Scrolling To Anchor Links – scrollToSmooth

Animate Scrolling To Anchor Links – scrollToSmooth

[Demo] [Download]

Just another pure JS smooth scroll library to animate the page scrolling to specified anchor links, with or without easing functions.


5. Tiny Smooth Scroll Library – smoothScroll.js

Tiny Smooth Scroll Library – smoothScroll.js

Demo Download

An ES5/ES6 JavaScript library used to implement the configurable smooth scroll behavior on your long web page.


6. Horizonal & Vertical Smooth Scroll With Easing – easy-scroll

Horizonal & Vertical Smooth Scroll With Easing – easy-scroll

[Demo] [Download]

An easy and lightweight smooth scroll library that smoothly scrolls to top/right/bottom/left within your page or a specific container.


7. JavaScript Library For Smooth Scrolling With Easing – smooth-scroll.js

JavaScript Library For Smooth Scrolling With Easing – smooth-scroll.js

[Demo] [Download]

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

Basic Smooth Scroll In Vanilla JavaScript – SmoothScroll.js

[Demo] [Download]

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. Modern Performant Smooth Scroll Library – Jump.js

Modern Performant Smooth Scroll Library – Jump.js

[Demo] [Download]

A modern, performant and customizable smooth scroll library written in pure JavaScript (ES6).


10. Configurable Smooth Scroll Animation In Vanilla JavaScript – moveTo.js

Configurable Smooth Scroll Animation In Vanilla JavaScript – moveTo.js

[Demo] [Download]

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.


More Resources:

To download more smooth scroll libraries for your modern website & web app, here are a few more resources available online:

You Might Be Interested In: