7 Best Pull To Refresh Plugins In JavaScript (2024 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 Mar 11 2024

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. 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]


3. PhyTouch

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

PhyTouch

[Demo] [Download]


4. Native-Like Pull to Refresh Functionality For The Web – wptr.js

A lightweight JavaScript library wptr.js that enables users to trigger a custom function by simply pulling down on the webpage, just like the standard feature of mobile applications – pull down to refresh.

Native-Like Pull to Refresh Functionality For The Web – wptr.js

[Demo] [Download]


5. 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]


6. Pull To Refresh Library For Mobile And Desktop – pull-to-reload.js

A lightweight and pure JavaScript implementation of the pull to refresh (aka. Pull to reload, swipe to refresh) functionality on both Mobile and Desktop.

Pull To Refresh Library For Mobile And Desktop – pull-to-reload.js

[Demo] [Download]


7. 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]


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.