RetroPagination

Page navigation controls with Mac OS 9 beveled page number links and prev/next buttons.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-pagination.json"

Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json

Import

import { RetroPagination } from "@/components/ui/retro-pagination"

Pages 1-5 with Ellipsis

First Page Active

Prev / Next Only

Click page numbers to see the active/pressed bevel state.