Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Pagination - Previous and Next Only
A minimal pagination navigation with only Previous and Next buttons, omitting page numbers for sequential-only browsing
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Sometimes page numbers don't matter—just forward and back. This React pagination shows only PaginationPrevious and PaginationNext buttons without page numbers or indicators. Built with shadcn/ui Pagination and Radix UI primitives, it encourages sequential browsing—perfect for chronological feeds (social media timelines), story sequences (multi-page articles), image galleries (photo viewer), or any content where users read sequentially rather than jumping to specific pages.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
With Page Counter
Previous/Next with page indicator
With Previous and Next
Pages with navigation buttons
Carousel Controls
Previous/Next for carousels
With First and Last
Full navigation controls
Button Group
Grouped button controls
Simple Page Numbers
Page numbers only
Questions you might have
React Complete Pagination
A full-featured pagination component combining Previous/Next buttons, numbered pages 1-3, ellipsis, and last page 10 for comprehensive navigation
React Pagination - With Page Counter
A pagination navigation with Previous/Next buttons and a centered page counter text showing Page 2 of 10 for orientation