Collection of free jQuery pagination plugins and code examples from Codepen, Github and other resources. Update of November 2021 collection. 2 new items.

Related Articles:

  1. CSS Pagination
  2. Bootstrap Pagination
  3. React Pagination
  4. Tailwind Pagination

Table Of Contents:

  1. jQuery Pagination Examples
  2. jQuery Pagination Plugins

jQuery Pagination Examples

Author

  • Dropinks

Made with

  • HTML / CSS / JS

About a code

Pagination UI

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery-ui.js

Author

  • Doğukan Çavuş

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Hover and Active Pagination

Hover and active state for pagination.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Pagination Buttons

Pagination buttons for mobile apps.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Pagination or Navigation Links Application

A pagination or navigation links application that can be used in websites or mobile applications.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Tony Banik

Made with

  • HTML / CSS (SCSS) / JS

About a code

Pagination

Scrolling pagination in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

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.

Author

  • Ryan Yu

Made with

  • HTML / CSS (SCSS) / JS (CoffeeScript)

About a code

Responsive Magic Line Pagination

Create a magic line for your pagination. It looks awesome.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Martin Angelov

Made with

  • HTML / CSS / JS

About a code

Sweet Pages: A jQuery Pagination Solution

jQuery Pagination Plugins

Author

  • WasiArain

Made with

  • HTML / CSS / JS

About a code

Blog Cards Pagination

Responsive working pagination using HTML, CSS & jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Arne Morken

Made with

  • HTML / CSS / JS

About a code

anyPaginator

An easy to use, yet advanced and fully customizable JavaScript/jQuery paginator plugin.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: anyPaginator.css, anyPaginator.js

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.