Browse components
Pagination with DotsFree
Compact pagination controls with arrows and dots by default, plus optional page numbers.
Add to your project
Checking access...
Works with your AI tools
Claude*
Codex*
Lovable
Base44
Figma Make
Replit*
Cursor*
v0* Compatible with most projects that use the default React/Next.js framework.
Built With
React
Tailwind CSSLucideProps
| Prop | Type | Description |
|---|---|---|
pageCount | number | Total number of pages |
page | number | Zero-based active page |
showArrows | boolean | Show previous and next arrow controls |
showNumbers | boolean | Show page numbers instead of dots |
onPageChange | (page: number) => void | Fired when the page changes |
className | string | Styles for the outer shell |
More Navigation Components
Compact next button with a looping arrow reveal, crisp press feedback, and loading and disabled states.
New: Coverflow Gallery is live — explore the catalog. See what's new
Restrained product update strip with gradient sheen and a clean collapse dismiss.
Minimal locale control with scaled blur-sm menu and staggered options — no native select chrome.
Compact sun and moon switch that persists theme preference and toggles the document dark class.
Numbered pagination that keeps the current page visible and collapses long ranges with ellipses.