shadcn/ui Pagination Components

Dev Design Library indexes 40 shadcn/ui pagination components from 12 open-source UI libraries, with the most coming from Watermelon UI, FLX UI, sv-table, Shadcn Space and ObsidianUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Pagination components belong to the Navigation group.

• paginationIntent UI · Reactpagination
• PaginationVengeance UI · React
• Button Group-03 - PaginationShadcn Space · ReactPagination style button group component
• PaginationShadcn Dashboard · React
• PaginationObsidianUI · React
• Pagination 1Watermelon UI · React
• Paginationsv-table · SvelteNumber pagination for table views.
• PaginationHextaUI · ReactPage navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.
• 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
• Paginationark-cn · ReactA shadcn-style pagination component built with Ark UI primitives.
• Pagination 02 - Premium RibbonShadcn Space · ReactA premium ribbon-style pagination with glowing active indicators.
• Pagination 10Watermelon UI · React
• Pagination Arrowsv-table · SvelteCompact arrow pagination for table footers.
• BasicFLX UI · ReactNumbers with ellipsis, previous, and next links.
• Pagination 03 - Interactive JumpShadcn Space · ReactA compact pagination with an interactive 'Go to Page' jump feature and progress bar.
• Pagination 11Watermelon UI · React
• Numeric Pagination Examplesv-table · Svelte
• CompactFLX UI · ReactInline numbers from sm up, "Page X of Y" on mobile.
• 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 12Watermelon UI · React
• Paginated Examplesv-table · Svelte
• Interactive windowFLX UI · ReactStateful current page with a sliding ellipsis range.
• Pagination 13Watermelon UI · React
• Rows per pageFLX UI · ReactPage-size select with first, prev, next, and last.
• Pagination 14Watermelon UI · React
• Results summaryFLX UI · ReactShowing 1–10 of 97 alongside the page controls.
• Pagination 15Watermelon UI · React
• Jump to pageFLX UI · ReactNumeric input to jump directly to any page.
• Pagination 2Watermelon UI · React
• PaginationFLX UI · ReactTanStack Table, prev / next controls with a rows-per-page select.
• Pagination 3Watermelon UI · React
• Numeric paginationFLX UI · ReactTanStack Table, numbered page buttons with prev / next arrows.
• Pagination 4Watermelon UI · React
• Pagination 5Watermelon UI · React
• Pagination 6Watermelon UI · React
• Pagination 7Watermelon UI · React
• Pagination 8Watermelon UI · React
• Pagination 9Watermelon UI · React

Libraries with shadcn/ui pagination components

• Watermelon UI
• FLX UI
• sv-table
• Shadcn Space
• ObsidianUI

Related categories

• Pagination Components
• React Pagination Components
• Tailwind CSS Pagination Components
• Animated Pagination Components
• shadcn/ui Navigation Components
• shadcn/ui Menu Components
• shadcn/ui Tabs Components
• shadcn/ui Sidebar Components
• shadcn/ui Command Palette Components
• shadcn/ui Breadcrumb Components
• shadcn/ui Navbar Components
• shadcn/ui Stepper Components
• shadcn/ui Wizard Components