Responsive Pagination

block

Pagination that shows full page numbers on desktop and collapses to arrows on mobile. Keeps navigation usable across phones, tablets, and wide screens.

pnpm dlx shadcn@latest add "https://www.shadcn-ui-blocks.com/r/components-pagination-responsive-pagination.json"

Sign In

Responsive Pagination

block

Pagination that shows full page numbers on desktop and collapses to arrows on mobile. Keeps navigation usable across phones, tablets, and wide screens.

pnpm dlx shadcn@latest add "https://www.shadcn-ui-blocks.com/r/components-pagination-responsive-pagination.json"

components/blocks/components/pagination/responsive-pagination.tsx