Anicon
Focus: animated icons, shadcn and svg. Shares react with NumberFlow. Same 4.4 rating.
TemplateFreeWeb
4.4Visit
Template
NumberFlow
An animated number component for React, Vue, Svelte and JavaScript.
Rating
4.4 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is NumberFlow?
NumberFlow is a dependency-free, accessible component that smoothly animates numbers as their values change. It supports number formatting for currencies and locales, customizable timing and easing, grouped transitions, and respects reduced-motion preferences by default.
Pros: what NumberFlow does well
- Smooth number transitions with no dependencies
- Accessible and respects reduced-motion settings
- MIT licensed
Cons: where it falls short
- Scientific notation, non-Latin digits and right-to-left locales are not supported
- A code component rather than a ready-made app
NumberFlow alternatives
Not sold on NumberFlow? These do a similar job, and each card says what it has in common.
Paper Shaders
Focus: shaders, webgl and visual effects. Shares react with NumberFlow. Same 4.4 rating.
TemplateFreeWeb
4.4Visit
VantaUI
Focus: ui library, templates and nextjs. Shares react with NumberFlow. Freemium (NumberFlow: Free). Same 4.4 rating.
TemplateFree planWeb
4.4Visit
Libraries.dev
Focus: ui effects, npm and animation. Shares react with NumberFlow. A website, not a template. Freemium (NumberFlow: Free). Rated 4.8 (NumberFlow: 4.4).
WebsiteFree planWeb
4.8Visit
21st
Focus: tailwind, components and ui. Shares react with NumberFlow. A website, not a template. Freemium (NumberFlow: Free). Rated 4.7 (NumberFlow: 4.4).
WebsiteFree planWeb
4.7Visit
Motion (motion.dev)
Focus: animation, javascript and vue. Shares react with NumberFlow. A framework, not a template. Rated 4.7 (NumberFlow: 4.4).
FrameworkFreeWeb
4.7Visit
Free alternatives to NumberFlow
Want to spend nothing? These free picks cover similar ground.
React Bits
Focus: ui components, animations and effects. Shares react with NumberFlow. A framework, not a template. Rated 4.7 (NumberFlow: 4.4).
FrameworkFreeWeb
4.7Visit
Astryx Design System
Focus: design system, stylex and open source. Shares react with NumberFlow. A framework, not a template. Rated 4.6 (NumberFlow: 4.4).
FrameworkFreeWeb
4.6Visit
Coded Visuals
Focus: animated visuals, shadcn and landing pages. Shares react with NumberFlow. A framework, not a template. Rated 4.6 (NumberFlow: 4.4).
FrameworkFreeWeb
4.6Visit
Keyline Icons
Focus: icons, svg and shadcn. Shares react with NumberFlow. A website, not a template. Rated 4.6 (NumberFlow: 4.4).
WebsiteFreeWeb
4.6Visit
Kokonut UI
Focus: ui components, tailwind and nextjs. Shares react with NumberFlow. A framework, not a template. Rated 4.6 (NumberFlow: 4.4).
FrameworkFreeWeb
4.6Visit
Toggles.dev
Focus: theme toggle, dark mode and svelte. Shares react with NumberFlow. A framework, not a template. Rated 4.6 (NumberFlow: 4.4).
FrameworkFreeWeb
4.6Visit
Are you the maker of NumberFlow?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.