Back
Join now
About

Popular Tags

  • react
  • ui-components
  • shadcn-ui
  • tailwind
  • typescript
  • react-components
  • ui-design
  • open-source
  • llm
  • prototyping

Top Sources

  • github.com
  • clerk.com
  • 1771technologies.com
  • 21st.dev
  • abui.io
  • activepieces.com
  • ai-sdk.dev
  • alchemy.run
  • altsendme.com
  • animate-ui.com

Browse by Type

  • Tools
  • Code
bookmrks.io - Discovery, refined.
Website favicongithub.com
Website preview

Beautiful Number Animations for React Native

A React Native component for stunning animated number displays, supporting various formats and high-performance rendering.

Nneedim
Tech Stack
GitHubExpoJSReactTypeScriptNode.jsJavaScriptJSXVercelVercel AnalyticsFumaDocsLucide IconsPostHogSandpackNext.jsTailwind CSSESLintCSSJestBiome JSBunGitHub Actions
Summary

number-flow-react-native is an animated number component designed for React Native applications. It provides beautiful digit-by-digit rolling animations, allowing each digit to animate independently. This library includes two renderers: a default View-based renderer with no dependencies and a Skia renderer for enhanced graphics.

Key features:

  • Full Intl.NumberFormat support - Handles currencies, percentages, units, and compact notation.
  • TimeFlow - Offers a dedicated animated time display with support for 12h/24h formats and countdowns.
  • 120 FPS scrubbing - Utilizes worklet-driven updates on the UI thread for smooth animations.
  • Accessibility - Includes VoiceOver/TalkBack announcements and reduce motion support.
  • Continuous mode - Features odometer-style cascading digit rolls.

This library is particularly useful for developers looking to implement engaging number animations in their applications, enhancing user experience through visually appealing interfaces.

Comments
No comments yet. Sign in to add the first comment!
Tags
  • animated-numbers
    1
  • animation
    1
  • expo
    1
  • intl-numberformat
    1
  • number-flow
    1
  • react-native
    1