Dev Design LibraryReact Pagination Components
Dev Design Library indexes 113 React pagination components from 40 open-source UI libraries, with the most coming from Watermelon UI, ReUI, Origin UI, FLX UI and Tremor Blocks. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Pagination components belong to the Navigation group.
Paginationshadcn/ui · ReactPagination with page navigation, next and previous links.
PaginationMUI / Material UI · React
PaginationChakra UI · ReactUsed to navigate through a series of pages.
PaginationHeroUI · ReactPage navigation with composable page links, previous/next buttons, and ellipsis indicators
Paginationcoss ui · ReactA pagination with page navigation, next and previous links.
PaginationOrigin UI · ReactA pagination with page navigation, next and previous links.
PaginationArk UI · ReactA navigation component that allows users to browse through pages.
Basic pagination.ReUI · ReactBasic pagination.
PaginationPark UI · ReactA navigation component for browsing through pages of content.
PaginationLobe UI · React
paginationIntent UI · Reactpagination
PaginationUntitled UI React · React
PaginationbeUI · ReactPage navigation with a gliding current-page pill, page numbers that slide as the window moves, and ellipses that jump…
PaginationTailGrids · ReactA component for navigating between pages.
PaginationVengeance UI · React
PaginationToolcraft · React
PaginationPanel UI · React NativePaged navigation over a long result set.
Button Group-03 - PaginationShadcn Space · ReactPagination style button group component
PaginationBoardUI · ReactPage numbers with truncation.
Pagination 01Tremor Blocks · React
PaginationShadcn Dashboard · React
PaginationObsidianUI · React
PaginationShark UI · ReactNavigate through a list of items.
Continuous PaginationWatermelon UI · React
PaginationArc Library · ReactMove through a long collection with clear bounds.
Page DotsUI Lab · ReactA pill that inches between pages like a worm and counts down to the next.
PaginationHextaUI · ReactPage navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.
BranchLocalMode · ReactA message-versioning navigator that pages between regenerated/edited assistant variants for one turn, with prev/next…
PaginationCojeev UI · ReactLets users move between numbered pages and see their current position.
PaginationFLX UI · ReactPrev arrow, numbered page buttons, and Next arrow in a merged-border row.
PaginationHalaska UI · React
PaginationMetal UI · React + SwiftUIMoving through pages of results: page numbers in the switcher's track with previous and next shared-chevron keys; the…
PaginationSpaceUI · ReactSplits long lists or tables across multiple pages, letting users browse content page by page using numbered buttons.
Aria PaginationReScript shadcn · ReScript
PaginationOUI · ReactReact aria components List Box with shadcn characteristics for pagination.
Liquid PaginationLiquefy UI · ReactPagination in liquid glass style.
PaginationD2Studio UI · ReactPagination with page navigation, next and previous links.
PaginationFibo · ReactMoves through a long list one page at a time.
PaginationReactFrame · ReactAn accessible pagination control with smart ellipsis ranges, a sliding animated active page, solid, soft and compact…
Paginationark-cn · ReactA shadcn-style pagination component built with Ark UI primitives.
Pagination ItemMUI / Material UI · React
Comp 454Origin UI · React
Pagination with ellipsis indicatorReUI · ReactPagination with ellipsis indicator
Base Ui PaginationLobe UI · React
Web PaginationPanel UI · React NativePagination controls with page counts and compact variants for tables and search results.
Pagination 02 - Premium RibbonShadcn Space · ReactA premium ribbon-style pagination with glowing active indicators.
Pagination 02Tremor Blocks · React
Continuous Pagination BaseWatermelon UI · React
PaginationUI Lab · ReactNumbers roll in place like an odometer; the one you click never moves.
BasicFLX UI · ReactNumbers with ellipsis, previous, and next links.
Base PaginationReScript shadcn · ReScript
Table PaginationMUI / Material UI · React
Comp 455Origin UI · React
Pagination with outline style buttonsReUI · ReactPagination with outline style buttons
Pagination 03 - Interactive JumpShadcn Space · ReactA compact pagination with an interactive 'Go to Page' jump feature and progress bar.
Pagination 03Tremor Blocks · React
PaginationWatermelon UI · React
CompactFLX UI · ReactInline numbers from sm up, "Page X of Y" on mobile.
Use PaginationMUI / Material UI · React
Comp 456Origin UI · React
Rows per page select with range info and first/prev/next/last iconsReUI · ReactRows per page select with range info and first/prev/next/last icons
Pagination 04 - Numbered with EllipsisShadcn Space · ReactClassic numbered pagination that always shows the first and last page, collapses the rest into ellipses, and disables…
Pagination 04Tremor Blocks · React
Pagination 1Watermelon UI · React
Interactive windowFLX UI · ReactStateful current page with a sliding ellipsis range.
Comp 457Origin UI · React
Pagination with page select dropdown and first/last navigationReUI · ReactPagination with page select dropdown and first/last navigation
Pagination 06 - Docs Previous / NextShadcn Space · ReactDocumentation style previous and next page cards with page titles and arrow hover motion.
Pagination 05Tremor Blocks · React
Pagination 10Watermelon UI · React
Rows per pageFLX UI · ReactPage-size select with first, prev, next, and last.
Comp 458Origin UI · React
Numbered pagination with go-to-page inputReUI · ReactNumbered pagination with go-to-page input
Pagination 06Tremor Blocks · React
Pagination 11Watermelon UI · React
Results summaryFLX UI · ReactShowing 1–10 of 97 alongside the page controls.
Comp 459Origin UI · React
Pagination with page info, numbered pages, ellipsis, and per-page selectReUI · ReactPagination with page info, numbered pages, ellipsis, and per-page select
Pagination 07Tremor Blocks · React
Pagination 12Watermelon UI · React
Article prev / nextFLX UI · ReactTwo linked cards with titles for adjacent articles.
Comp 460Origin UI · React
Pagination without labels.ReUI · ReactPagination without labels.
Pagination 08Tremor Blocks · React
Pagination 13Watermelon UI · React
DotsFLX UI · ReactCarousel-style dots; the active page expands to a pill.
Comp 461Origin UI · React
Pagination with hover effect.ReUI · ReactPagination with hover effect.
Pagination 14Watermelon UI · React
Jump to pageFLX UI · ReactNumeric input to jump directly to any page.
Comp 462Origin UI · React
Pagination with circle buttons.ReUI · ReactPagination with circle buttons.
Pagination 15Watermelon UI · React
PaginationFLX UI · ReactTanStack Table, prev / next controls with a rows-per-page select.
Comp 463Origin UI · React
Pagination with go-to-page inputReUI · ReactPagination with go-to-page input
Pagination 2Watermelon UI · React
Numeric paginationFLX UI · ReactTanStack Table, numbered page buttons with prev / next arrows.
Comp 464Origin UI · React
Numbered pagination in cardReUI · ReactNumbered pagination in card
Pagination 3Watermelon UI · React
Comp 465Origin UI · React
Pagination with arrows buttonsReUI · ReactPagination with arrows buttons
Pagination 4Watermelon UI · React
Pagination with page info on centerReUI · ReactPagination with page info on center
Pagination 5Watermelon UI · React
Pagination with page info on leftReUI · ReactPagination with page info on left
Pagination 6Watermelon UI · React
Pagination 7Watermelon UI · React
Pagination 8Watermelon UI · React
Pagination 9Watermelon UI · React
Pagination AnimatedWatermelon UI · React
Pagination BaseWatermelon UI · React
Libraries with React pagination components
Related categories
- Pagination Components
- Tailwind CSS Pagination Components
- Animated Pagination Components
- shadcn/ui Pagination Components
- React Navigation Components
- React Menu Components
- React Tabs Components
- React Stepper Components
- React Navbar Components
- React Sidebar Components
- React Breadcrumb Components
- React Command Palette Components
- React Context Menu Components
- React Dock Components
- React Mega Menu Components
- React Table Of Contents Components
- React Hamburger Menu Components