Tailwind CSS Pagination Components

Dev Design Library indexes 114 Tailwind CSS pagination components from 34 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. Every library in this list styles its components with Tailwind CSS utility classes. Pagination components belong to the Navigation group.

• Paginationshadcn/ui · ReactPagination with page navigation, next and previous links.
• 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.
• Basic pagination.ReUI · ReactBasic pagination.
• 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
• 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.
• 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.
• PaginationOUI · ReactReact aria components List Box with shadcn characteristics for pagination.
• 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.
• Comp 454Origin UI · React
• Pagination with ellipsis indicatorReUI · ReactPagination with ellipsis indicator
• 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.
• 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.
• 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
• 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 Tailwind CSS pagination components

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

Related categories

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