16 CSS Pagination

June 17, 2017

Collection of free HTML and CSS pagination. Demo and download code (*zip).

Demo Image: 6 Pure CSS Pagination
Demo Image: 6 Pure CSS Pagination

6 Pure CSS Pagination

Pagination options and designs.
Made by MojoM
May 25, 2017

Demo Image: SVG Page Hopper
Demo GIF: SVG Page Hopper

SVG Page Hopper

HTML, CSS and SVG page hopper.
Made by Chris Gannon
May 14, 2017

Demo Image: Infinite Pagination
Demo GIF: Infinite Pagination

Infinite Pagination

Infinite pagination in HTML and CSS.
Made by Mariusz Dabrowski
April 27, 2017

Demo Image: 12 HTML And CSS Pagination
Demo Image: 12 HTML And CSS Pagination

12 HTML And CSS Pagination

12 ideas for website pagination with HTML and CSS.
Made by Rosa
November 3, 2016

Demo Image: Pagination
Demo GIF: Pagination

Pagination

Pagination with HTML/CSS/JavaScript.
Made by JP Nothard
October 9, 2016

Demo Image: Pagination Hover Animation
Demo GIF: Pagination Hover Animation

Pagination Hover Animation

HTML and CSS pagination hover animation.
Made by Elena Nazarova
September 12, 2016

Demo Image: Pagination
Demo Image: Pagination

Pagination

Pagination with a hover effect.
Made by Andre Wichert
August 27, 2016

Demo Image: Pagination Indicators
Demo Image: Pagination Indicators

Pagination Indicators

Pagination indicators with HTML, CSS and JavaScript.
Made by Moses Holmström
August 19, 2016

Demo Image: Pagination With HTML & CSS
Demo Image: Pagination With HTML & CSS

Pagination With HTML & CSS

Pure CSS pagination.
Made by Brendan Mullins
August 16, 2016

Demo Image: Responsive Pagination
Demo Image: Responsive Pagination

Responsive Pagination

10 pages + prev/next arrows.
Made by Tommy Hodgins
April 5, 2016

Demo Image: Dot Hopper - Pagination
Demo GIF: Dot Hopper - Pagination

Dot Hopper - Pagination

HTML, CSS and JS pagination.
Made by Elliot Geno
March 13, 2016

Demo Image: Dynamic Page Controls
Demo Image: Dynamic Page Controls

Dynamic Page Controls

Dynamic page controls with disabled back buttons and morphing continue button when reaching the last page.
Made by Wayne Dunkley
March 18, 2015

Demo Image: Responsive Flexbox Pagination
Demo Image: Responsive Flexbox Pagination

Responsive Flexbox Pagination

A responsive page link menu built with flexbox!
Made by William H.
February 22, 2015

Demo Image: Responsive Magic Line Pagination
Demo GIF: Responsive Magic Line Pagination

Responsive Magic Line Pagination

Create a magic line for your pagination. It looks awesome.
Made by Ryan Yu
February 18, 2015

Demo Image: Pagination
Demo Image: Pagination

Pagination

Responsive, accessible, alternate pagination experiment.
Made by Simon Goellner
November 11, 2014

Demo Image: Pagination Arrows
Demo GIF: Pagination Arrows

Pagination Arrows

Flexing pagination arrows.
Made by Hakim El Hattab
October 18, 2013

FreeFrontend © 2016 - 2017

Back to top