Pagination Components

Dev Design Library indexes 128 pagination components from 43 open-source UI libraries, with the most coming from Watermelon UI, ReUI, Origin UI, FLX UI and Oxbow UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Pagination components belong to the Navigation group.

Showing 120 of 128, a mix from every library. Open a library to see all of its components.

• 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
• Pagination 05Oxbow UI · AstroPrev/Next with Page Counter
• PaginationShark UI · ReactNavigate through a list of items.
• Continuous PaginationWatermelon UI · React
• PaginationArc Library · ReactMove through a long collection with clear bounds.
• Paginationsv-table · SvelteNumber pagination for table views.
• 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
• Pagination Tablesv-particles · Svelte
• 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
• Pagination 07Oxbow UI · AstroDynamic Numbered with Ellipsis
• Continuous Pagination BaseWatermelon UI · React
• Pagination Arrowsv-table · SvelteCompact arrow pagination for table footers.
• 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
• Pagination 09Oxbow UI · AstroTable Footer: Rows per page + Range
• PaginationWatermelon UI · React
• Numeric Pagination Examplesv-table · Svelte
• 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 10Oxbow UI · AstroGo to Page + Size Select
• Pagination 1Watermelon UI · React
• Paginated Examplesv-table · Svelte
• 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 01Oxbow UI · Astro
• 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 02Oxbow UI · Astro
• 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 03Oxbow UI · Astro
• 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 04Oxbow UI · Astro
• 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 06Oxbow UI · Astro
• 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 08Oxbow UI · Astro
• 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

Libraries with pagination components

• Watermelon UI
• ReUI
• Origin UI
• FLX UI
• Oxbow UI

Related categories

• React Pagination Components
• Tailwind CSS Pagination Components
• Animated Pagination Components
• shadcn/ui Pagination Components
• Navigation Components
• Menu Components
• Tabs Components
• Stepper Components
• Navbar Components
• Sidebar Components
• Breadcrumb Components
• Command Palette Components
• Context Menu Components
• Mega Menu Components
• Dock Components
• Wizard Components
• Table Of Contents Components
• Tab Bar Components
• Hamburger Menu Components
• Floating Navbar Components