Counter Button

Numbers that move. Click and watch the counter tick up with a smooth rolling animation. It's instant visual feedback that something happened—perfect for like buttons, upvotes, add-to-cart, or any incrementing action. The number rolls up like an odometer, satisfying and clear. The count can start at any value and increment by any amount. Social proof made interactive.

Counter Button preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/counter-button.json

npx shadcn@latest add https://www.shadcn.io/registry/counter-button.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/counter-button.json

bunx shadcn@latest add https://www.shadcn.io/registry/counter-button.json

Related Components

FAQ