Numbered Pagination
Controlled page navigation with nearby pages, first/last links, ellipses, and a fetching state.
page 5 · showing 49–60 of 240
npx shadcn@latest add https://ui.jr7.dev/r/numbered-pagination.jsonLoading Button
A shadcn button with a spinner, loading label, and enforced busy/disabled state.
Click to simulate a 1.5s save
npx shadcn@latest add https://ui.jr7.dev/r/loading-button.jsonAudio Visualizer
A mirrored waveform built on audvis, with an idle strip, reduced-motion support, and optional frequency samples.
Simulated audio
npm install audvis motion &&
npx shadcn@latest add https://ui.jr7.dev/r/audio-visualizer.jsonError Message
An animated, dismissible inline error with a configurable auto-dismiss timeout.
We couldn't save your changes. Please try again.
Timer starts when visible
npm install motion &&
npx shadcn@latest add https://ui.jr7.dev/r/error-message.json