55+ Free Page Navigation (Pagination) jQuery Plugins and PSD Designs
As a web developer and UX designer, big data has always been my foremost challenge. It actually drives the whole design process because large chunk of data not only requires quick retrieval and rendering but also impacts the overall performance and usability of the applications. In this context, I believe that good design complements both – data and usability.
Fortunately, there are a number of smart solutions for handling big data in website and application design. One of the best ways to handle big data is pagination. Pagination not only makes it easy to arrange data in a consistent layout but also allows users to browse and navigate through data easily. Today’s post lists 55+ jQuery pagination plugins that you can integrate in your website design to handle large chunks of data. These free pagination plugins would allow you to use a consistent layout for managing content effectively.
You might also like:
- Best Photoshop Plugins, Scripts and Extensions [Free Download]
- 30+ Must Have jQuery Plugins & Responsive Tools for Web Developers
- 17 Top, Free & Open Source Responsive Image Galleries / Content Sliders
- Pure CSS Based Multi Level Responsive Navigation Menu: BootM
- [FREE] Coming Soon Responsive HTML Website Template: SeeYa
- Open Source jQuery Plugins for Building Single-Page Website Layouts
- 35+ Free/Open Source jQuery Tooltip Plugins, PSDs & Tutorials for Interactive Designs
jQuery Pagination Plugins
Bootstrap Paginator is a jQuery plugin that simplifies the rendering of Bootstrap Pagination component. It provides methods to automates the update of the pagination status and also some events to notify the status changes within the component. Bootstrap v3 is now supported.
Free jQuery Pagination Plugin: Smart Paginator
Smart Paginator is a comprehensive jQuery Pagination plugin that makes adding pagination very simple task, all the navigation logic is built in and it is also very customizable. Smart Paginator jQuery Pagination plugin can also filter your data automatically on client side. Click the screen shot below for the demonstration to see the various filter options provided by Smart Paginator. Smart Paginator supports variety of parameters and custom themes, that can be used to customize the look and feel to your desire.
Sausage – jQuery UI Widget for Contextual Pagination
Sausage is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.
Pajinate – A Free jQuery Pagination Plugin
Pajinate is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages. Not only is it a simpler alternative to server-side implementations, the time between paginated-page loads is almost nil (up to a reasonable page-size of course).
Sweet Pages: A jQuery Pagination Solution
Sweet Pages is a free jQuery plugin that allows you to convert a regular unordered list of items into a SEO friendly set of easily navigatable pages. It can be used for comment threads, slideshows, or any kind of structured content.
jPaginate: A Fancy jQuery Pagination Plugin
jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over the arrows. Shortlinks to the first and last page are available as well.
jui_pagination is a jquery plugin, provides pagination using page links or jQuery UI slider. Fully configurable. jQuery UI themes compatible. Localization support.
jPaginate – jQuery Pagination System Plugin
Client-side Pagination Plugin – jPages
jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.
A simple jQuery pagination plugin, 3 CSS themes and Bootstrap support.
jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application. Instead of displaying a list of page numbers like traditional pagination methods jqPagination uses an interactive ‘Page 1 of 5′ input that, when selected, allows the user to enter their desired page number. The plugin will ensure that only valid pages can be selected, a valid request will result in the paged callback. First, previous, next and last buttons work out of the box, but are optional.
Simple, Lighweight jQuery Pagination Plugin – wPaginate.js
A jQuery pagination plugin for simply setting up pagination on the fly. The plugin allows you to set how many pages are displayed at a time on a sliding scale and also has ajax support out of the box.
jPaginator is a jQuery plugin for pagination. It’s fun, intuitive, it comes with a slider and you can ask for an unlimited number of pages. Use it with a unique element, for more details please have a look at the code of demo1 and the plugin’s options.
jQuery Auto Paginatio
jQuery Auto Pagination converts paginated webpages into a single page that loads subsequent pages automatically as the user scrolls downwards.
Dynamic Pagination jQuery Plugin – BootPag
This jQuery plugin helps you create dynamic pagination with twitter bootstrap or in any other html pages.
Easy pagination with jQuery and Ajax
In this tutorial, author showing an easy way to display your database data with jQuery using Ajax and pagination.
Easy Paginate jQuery Plugin for Pagination
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.
jQuery Pagination Plugin
AJAX Pagination using jQuery and PHP with Animation
Quick Pagination with jQuery
Use Quick jQuery Pagination to convert long lists and page content into numbered pages in seconds!
Pagination with jQuery, MySQL and PHP
jQuery Bootstrap Pagination
A simple, full-featured, pagination system for jQuery that outputs Twitter Bootstrap marked up pagination links. Of course, there’s no reason you need to use this with Bootstrap, the HTML output is very clean.
jQuery Mobile Listview Pagination Plugin
jQuery AJAX Pagination Plugin – EasyDataTable
Pure CSS3 Animated Pagination
Simple and cool configuration, simple color scheme change.
Usable Long-list Pagination
An experiment for making navigating long lists a bit more usable with Lexicon-style pagination on hover/focus. Needs to work on Mobile too.
ResResponsive, Accessible, Alternate Pagination experiment. It’s a good attempt for making more interesting and user-friendly pagination.
A dark pagination complete with hover and active states.
jPaginator CSS3 Edition
jPaginator is a nifty jQuery plugin by Remy Elazare which combines pagination and scrolling in a simple user interface. Remy recently asked me if I would like to use it for something on Webdesigntuts+ and I figured it would be a great candidate for a style make-over.
Pagination often involves lots of page links, which themselves need navigating along before you can select them. jPaginator aims to improve the user experience of long pagination lists by offering a slider to animate links left and right. You can also use the control links either side of the pagination, or even rely on the good ol’ arrow keys.
Pagination Design [Free PSD]
Light and Dark Pagination
Freebie: 3 in 1 User Interface Elements Kit Part 1
Slick Pagination Links
Simple Page Navigation Buttons
3D Pagination and Buttons
Beautiful Pagination Design