Dot Indicator Pagination

block

Pagination shown as a row of dots, with the active page filled. Ideal for image carousels, onboarding steps, and short sequences where numbers feel heavy.

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

Sign In

Dot Indicator Pagination

block

Pagination shown as a row of dots, with the active page filled. Ideal for image carousels, onboarding steps, and short sequences where numbers feel heavy.

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

components/blocks/components/pagination/dot-indicator-pagination.tsx