Collection
Post cover

Top 17 Nice jQuery Pagination

Collection of free jQuery pagination plugins and examples from codepen and other resources.

Pagination UI

Author: Dropinks

Links: demo and code

Made with: HTML / CSS / JS

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

Dependencies: jquery-ui.js

Hover and Active Pagination

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

Pagination Buttons

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

Pagination or Navigation Links Application

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

Pagination

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

Post cover

Gooey Pagination

Author: Dropinks

Links: demo and code

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

Gooey effect in pagination using SVG.

Post cover

jQuery Pagination

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.

Responsive Magic Line Pagination

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

Sweet Pages: A jQuery Pagination Solution

Author: Martin Angelov

Links: demo and code

Made with: HTML / CSS / JS

Post cover

Keyboard Shortcuts For Pagination

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.

Post cover

twbs Pagination

Made by: Eugene

Github activity: 744 stars; 36 watchers

Links: demo, github page

jQuery pagination plugin (bootstrap powered).

Post cover

jPages

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.

Post cover

Simple Pagination

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:

⭐ Stars 👀️ Watchers 📎️ Forks
782 53 404
Post cover

BootPag

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.

Post cover

jqPagination

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.

Post cover

PaginationJS

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.

Post cover

Pajinate

Made by: Wesley Nolte

Github activity: 204 stars; 14 watchers

Links: github page

A jQuery pagination plugin.

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback