---
title: "Accessible React Pagination | react-responsive-pagination"
description: "Accessible React pagination component that fits the width of its container with no CSS breakpoints. Built-in themes, Tailwind, Bootstrap or custom CSS."
---

# React Responsive Pagination

An accessible, responsive React pagination component that fits the width available to it: it shows as many page links as the container allows, with no CSS breakpoints.

```bash
npm install react-responsive-pagination
```

- React 19, 18, 17 and ^16.8, TypeScript types included, ESM only
- Controlled: `current`, `total` and `onPageChange` are the required props
- Ships no styles: use one of the included themes, or style it with Tailwind, Bootstrap or custom CSS
- Source code: [GitHub](https://github.com/jonelantha/react-responsive-pagination)
- Package: [npm](https://www.npmjs.com/package/react-responsive-pagination)

**Pages**

- [Installation & Compatibility](/installation-compatibility.md) - Install, a minimal example, supported React versions, Next.js, URL paging and ESM notes
- [Tailwind Usage & Examples](/tailwind-pagination.md) - Styling with Tailwind: class name props, light and dark examples, tailwind-merge
- [Bootstrap Usage](/bootstrap-pagination.md) - Styling with Bootstrap 4 or 5: an example and options such as hiding the nav buttons
- [Custom CSS](/custom-styled-pagination.md) - Styling with your own CSS: a starter template, the generated HTML, class names and selectors
- [Themes](/themes.md) - The built-in Classic, Bootstrap and Minimal themes: one CSS file each, light and dark, CSS variables
- [Props Reference](/props.md) - Every prop with its type and description: required props, class names, labels, nav, narrow behaviour, linkHref
- [FAQ](/faq.md) - Whether it fits, auto sizing, very narrow widths, server rendering, ESM only, React labels
- [Migration from v1](/migration.md) - Upgrading from v1: removed styles and presets, label and narrow behaviour changes
- [Live Demo](/live-demo.md) - A resizable demo and a copy-paste example using the classic theme