# Number components

> Explore 19 React number components styled with Tailwind CSS, perfect for stats, counters, and data displays in your Next.js projects.

39 components available. Showing all of them below.

- [Sliding Number](https://21st.dev/@ibelick/components/sliding-number.md) — by Julien Thibeaut
- [Sliding Number](https://21st.dev/@ibelick/components/sliding-number/slider.md) — by Julien Thibeaut
- [Animated Number Flip](https://21st.dev/@ruixen.ui/components/animated-number-flip.md) — by Ruixen UI
- [Animated Blur Number](https://21st.dev/@serafimcloud/components/animated-blur-number.md) — by Serafim
- [Badge](https://21st.dev/@sean0205/components/badge-2/square.md) — by Sean Hello
- [Number Flow](https://21st.dev/@barvian/components/number-flow.md) — by Maxwell Barvian
- [Number Ticker](https://21st.dev/@dillionverma/components/number-ticker.md) — by Dillion Verma
- [Sliding Number](https://21st.dev/@ibelick/components/sliding-number/clock.md) — by Julien Thibeaut
- [Slider Number Flow](https://21st.dev/@barvian/components/slider-number-flow.md) — by Maxwell Barvian
- [Countdown Number](https://21st.dev/@reuno-ui/components/countdown-number.md) — by reuno-ui
- [Animated Counter](https://21st.dev/@preetsuthar17/components/animated-counter.md) — by Preet Suthar
- [Animated Counter](https://21st.dev/@builduilabs/components/animated-counter.md) — by Build UI
- [Animated Circular Progress Bar](https://21st.dev/@dillionverma/components/animated-circular-progress-bar.md) — by Dillion Verma
- [Shuffle Number](https://21st.dev/@reuno-ui/components/shuffle-number.md) — by reuno-ui
- [FlipCountdown](https://21st.dev/@easemize/components/flip-countdown.md) — by Hossain Jahed
- [Count Animation](https://21st.dev/@bundui/components/count-animation.md) — by Shadcn UI Kit
- [FlipCountdown](https://21st.dev/@easemize/components/flip-countdown/plain.md) — by Hossain Jahed
- [Motion Number](https://21st.dev/@uilayout.contact/components/motion-number.md) — by UI Layouts
- [Stats](https://21st.dev/@meschacirung/components/stats.md) — by Méschac Irung
- [Pagination Ant](https://21st.dev/@antdesign/components/pagination-ant/align.md) — by antdesign
- [neumorphic counter](https://21st.dev/@dadopelanosvela/components/neumorphic-counter.md) — by Alejandro Bolaños Velasco
- [CountDown Numbers](https://21st.dev/@reuno-ui/components/count-down-numbers.md) — by reuno-ui
- [BeUI Number Animation](https://21st.dev/@saurabh10102/components/be-ui-number-animation.md) — by Saurabh Chauhan
- [Sliding Number](https://21st.dev/@bundui/components/sliding-number.md) — by Shadcn UI Kit
- [Stars Scrolling Wheel](https://21st.dev/@skyleen77/components/stars-scrolling-wheel.md) — by Elliot Sutton
- [Animated Number](https://21st.dev/@ibelick/components/animated-number.md) — by Julien Thibeaut
- [7 segment number](https://21st.dev/@jakapatb/components/7-segment-number.md) — by Jakkapat Boonroj
- [countdown](https://21st.dev/@avanishverma4/components/countdown.md) — by Awanish Verma
- [Animated Number](https://21st.dev/@reuno-ui/components/animated-number.md) — by reuno-ui
- [Counting Number](https://21st.dev/@cnippet.dev/components/counting-number.md) — by Cnippet
- [Points Badge](https://21st.dev/@trophyso/components/points-badge.md) — by trophyso
- [Count Up](https://21st.dev/@unlumen/components/count-up.md) — by Unlumen UI
- [Slot Text](https://21st.dev/@DanielWhit21874/components/slot-text/numbers.md) — by DanielWhit21874
- [Basic Slider](https://21st.dev/@anubra266/components/basic-slider.md) — by Abraham
- [Number Flow](https://21st.dev/@educlopez/components/number-flow.md) — by Edu Calvo
- [Number Ticker](https://21st.dev/@danielpetho/components/basic-number-ticker.md) — by Daniel Petho
- [Animate Digits](https://21st.dev/@unlumen/components/animate-digits.md) — by Unlumen UI
- [Animate Count](https://21st.dev/@unlumen/components/animate-count.md) — by Unlumen UI
- [Rolling Digits](https://21st.dev/@edwinvakayil/components/rolling-digits.md) — by Edwin Vakayil

Full component directory: https://21st.dev/llms.txt