Top 17 Nice jQuery Pagination

Author: Dropinks

Links: demo and code

Made with: HTML / CSS / JS

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

Dependencies: jquery-ui.js

Author: Doğukan Çavuş

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

Hover and active state for pagination.

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

Dependencies: jquery.js

Author: Himalaya Singh

Links: demo and code

Made with: HTML / CSS / JS

Pagination buttons for mobile apps.

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

Dependencies: jquery.js

Author: Himalaya Singh

Links: demo and code, dribbble shot

Made with: HTML / CSS / JS

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

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

Dependencies: font-awesome.css, jquery.js

Author: Tony Banik

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Scrolling pagination in jQuery.

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

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Author: Dropinks

Links: demo and code

Made with: HTML; CSS; JS (jquery.js, jqueryui.js)

Gooey effect in pagination using SVG.

Author: Simon Codrington

Links: demo and code

Made with: HTML; CSS; JS (jquery.js, bootstrap.js, twbsPagination.js)

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

Author: Ryan Yu

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (CoffeeScript)

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

Links: demo and code

Made with: HTML / CSS / JS

Made by: Osvaldas Valutis

Links: demo, home page

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.

Made by: Eugene

Github activity: 744 stars; 36 watchers

Links: demo, github page

jQuery pagination plugin (bootstrap powered).

Made by: Luis Almeida

Github activity: 667 stars; 65 watchers

Links: demo, github page

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.

Author: flaviusmatis

Links: GitHub

Made with: JavaScript (88.9%), CSS (9.9%), HTML (1.2%)

GitHub Activity:

Made by: botmonster

Github activity: 511 stars; 51 watchers

Links: demo, github page

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

Made by: Ben Everard

Github activity: 332 stars; 16 watchers

Links: demo, github page

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.

Made by: Leon Shi

Github activity: 328 stars; 29 watchers

Links: demo, github page

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

Made by: Wesley Nolte

Github activity: 204 stars; 14 watchers

Links: github page

A jQuery pagination plugin.