5 Best Pull To Refresh Plugins In JavaScript

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

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


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. Customizable Pull To Refresh Indicator With jQuery - ptrLight

ptrLight is a mobile-first jQuery plugin which displays a custom loading indicator when you load more content via swipe events on touch devices.

Customizable Pull To Refresh Indicator With jQuery - ptrLight

[Demo] [Download]


4. jQuery Plugin For Pull To Refresh Web Page - pull2refresh.js

pull2refresh.js is a jQuery plugin that provides pull to refresh functionality for web pages, as you seen in most mobile APPs.

jQuery Plugin For Pull To Refresh Web Page - pull2refresh.js

[Demo] [Download]


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


More Resources:

Want more jQuery plugins or JavaScript libraries to implement Pull To Refresh on your web app? Check out the jQuery Pull To Refresh and JavaScript Pull To Refresh sections.