7 Best Pull To Refresh Plugins In JavaScript (2023 Update)

by jQueryScript,

What Is Pull To Refresh

Pull To Refresh (also known as Swipe To Refresh) has been implemented in most mobile apps over the years.

This UI pattern enables readers to refresh the contents of the screen by dragging the screen downward (pull down) and then releasing it.

It provides a great user experience for your readers, allowing them to retrieve fresh data into the current view without having to refresh & reload the entire webpage or app.

The Best Pull To Refresh Plugins

The easiest way to implement Pull To Refresh functionality on your web app is to use a JavaScript plugin.

Here're the 7 best jQuery and Vanilla JavaScript pull to refresh libraries that provide a fast and convenient way to load more data or retrieve fresh data in your app by pulling down. Enjoy.

Click the Demo link to see how the plugin works. And click the Download link for complete usage and implement details.

Originally Published Nov 19 2020, updated May 26 2023

1. Easy Pull To Refresh Library With Pure JavaScript – pulltorefresh.js

A lightweight, customizable JavaScript library that adds the pull to refresh (swipe to refresh) functionality to your webpages using pure JavaScript.

Easy Pull To Refresh Library With Pure JavaScript – pulltorefresh.js

[Demo] [Download]


2. PhyTouch

Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web.

PhyTouch

[Demo] [Download]


3. jQuery Pull to Refresh Plugin for Web Page - Hook.js

A jQuery plugin that adds Pull to Refresh feature for your web page. Pull to Refresh is a popular feature on our mobile devices/Apps that refreshes the current page/screen by pulling down on the view.

jQuery Pull to Refresh Plugin for Web Page - Hook.js

[Demo] [Download]


4. Material Refresh

Google Material Design swipe (pull) to refresh. It uses CSS3 and JavaScript depend on Zepto or jQuery.

Material Refresh

[Demo] [Download]


5. Pull to Refresh for the Web

This is a pull to refresh implementation for the web. It focuses on buttery UX performance and responsiveness to feel as close to a native implementation as possible.

Pull to Refresh for the Web

[Demo] [Download]


6. Pull to Refresh jQuery Plugin For Web - xpull

xpull is one of the pull to refresh plugins for the web. Difference is that this one is lightweight, extremely easy to use and optimized for both Android (mobile Chrome browser) and iOS (mobile safari).

Pull to Refresh jQuery Plugin For Web - xpull

[Demo] [Download]


7. Pull To Refresh Library With Pure JavaScript – Pull.js

A tiny and zero-dependency JavaScript library that provides pull to refresh & pull to load functionality for your mobile webpages.

Pull To Refresh Library With Pure JavaScript – Pull.js

[Demo] [Download]


More Resources:

Looking more jQuery plugins or JavaScript libraries to implement Pull To Refresh on your web app? See the jQuery Pull To Refresh and JavaScript Pull To Refresh sections for more details.