Post thumbnail: 10 jQuery Pagination

10 jQuery Pagination

Collection of free jQuery pagination plugins and examples.

Table Of Contents

  1. jQuery Pagination Examples
  2. jQuery Pagination Plugins

jQuery Pagination Examples

Demo image: Gooey Pagination
Author
  • Dropinks
Made with
  • HTML
  • CSS
  • JS (jquery.js, jqueryui.js)

About the code

Gooey Pagination

Gooey effect in pagination using SVG.

Demo image: jQuery Pagination
Author
  • Simon Codrington
Made with
  • HTML
  • CSS
  • JS (jquery.js, bootstrap.js, twbsPagination.js)

About the code

jQuery Pagination

Simple pagination using the TWBS pagination JS library. Click the buttons below to navigate to the appropriate content.

jQuery Pagination Plugins

Demo image: Keyboard Shortcuts For Pagination
Made by
  • Osvaldas Valutis
Github activity
About the plugin

Keyboard Shortcuts For Pagination

The custom callback function code detects which one of the two keyboard arrow keys were pressed: left or right. It then selects a corresponding pagination link and simply simulates (triggers) a click event for it.

Demo image: twbs Pagination
Made by
  • Eugene
Github activity
  • 744 stars
  • 36 watchers
About the plugin

twbs Pagination

jQuery pagination plugin (bootstrap powered).

Demo image: jPages
Made by
  • Luis Almeida
Github activity
  • 667 stars
  • 65 watchers
About the 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.

Demo image: Simple Pagination
Made by
  • Flavius Matis
Github activity
  • 650 stars
  • 57 watchers
About the plugin

Simple Pagination

A simple jQuery pagination plugin, 3 CSS themes and Bootstrap support.

Demo image: BootPag
Made by
  • botmonster
Github activity
  • 511 stars
  • 51 watchers
About the plugin

BootPag

This jQuery plugin helps you create dynamic pagination with Bootstrap or in any other html pages.

Demo image: jqPagination
Made by
  • Ben Everard
Github activity
  • 332 stars
  • 16 watchers
About the plugin

jqPagination

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.

Demo image: PaginationJS
Made by
  • Leon Shi
Github activity
  • 328 stars
  • 29 watchers
About the plugin

PaginationJS

A jQuery plugin to provide simple yet fully customisable pagination. Almost all the ways you can think of on pagination.

Demo image: Pajinate
Made by
  • Wesley Nolte
Github activity
  • 204 stars
  • 14 watchers
About the plugin

Pajinate

A jQuery pagination plugin.

Back to top