Badge Counter

Rolls its digits the way the count moved and bumps each time it changes.

Library

UI Lab

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://lab.xevrion.dev/r/badge-counter.json

Files

• src/lab/components/badge-counter.tsx
• src/lib/use-reduced-motion.ts
• src/lib/cn.ts
• src/lab/preview-play.ts

Source

https://github.com/xevrion/ui-lab

Categories

• Badge Components
• React Badge Components
• Tailwind CSS Badge Components
• Animated Badge Components
• Counter Components
• React Counter Components
• Tailwind CSS Counter Components
• Animated Counter Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from UI Lab

• Availability Badge
• Notification Bell
• Odometer
• Stat Counter
• Tally Counter
• Accordion
• Activity Timeline
• Announcement Banner
• Arrow Callout
• Autosave Status
• Avatar Stack
• Back To Top