awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
barvian avatar

barvian/number-flow

0
View on GitHub↗
7,128 estrellas·140 forks·TypeScript·mit·3 vistasnumber-flow.barvian.me↗

Number Flow

number-flow is an animated number UI component that creates fluid vertical transitions between numeric values using digit-by-digit animations. It serves as a locale-aware number formatter that represents values according to regional cultural rules and browser internationalization standards.

The component is designed for precise visual integration, exposing internal elements via CSS to allow for external styling. It incorporates accessibility features by detecting browser capabilities and respecting system-level reduced motion preferences.

The project covers capabilities for dynamic data visualization and custom counter components. This includes synchronizing layout transitions to maintain stability during value changes and applying position-specific constraints to digits.

Features

  • Localised Number Displays - Provides a UI component that renders numbers according to regional cultural rules and system-level motion preferences.
  • Numerical Animations - Provides a UI component for creating fluid, animated transitions between numerical values.
  • State Transition Animators - Provides smooth transitions between numeric values using digit direction controls and value interpolation.
  • Odometer-Style Animations - Implements a rolling odometer effect by moving individual numeric digits vertically during value transitions.
  • Stylized Numeric Counters - Provides stylized number counters with position-specific digit constraints and custom CSS integration.
  • Locale-Aware Value Formatting - Formats numeric values according to regional cultural rules and browser internationalization standards.
  • Numeric Formatting - Formats numeric values according to regional cultural rules and browser internationalization standards.
  • Motion Accessibility Utilities - Implements motion design that adapts to system-level reduced motion settings for improved accessibility.
  • Dynamic Visualizations - Displays evolving numeric values with smooth transitions and layout stability for dynamic data visualization.
  • Stylable Component Parts - Exposes internal elements via CSS to allow for precise external styling and visual integration.
  • Motion Preference Handlers - Detects system-level reduced-motion preferences to disable animations for users with accessibility needs.
  • CSS Layout Systems - Provides a system for the spatial arrangement and alignment of numeric digits using CSS rules.
  • Layout Synchronization - Coordinates layout measurements across numeric elements to maintain visual stability during value changes.

Historial de estrellas

Gráfico del historial de estrellas de barvian/number-flowGráfico del historial de estrellas de barvian/number-flow

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a Number Flow

Proyectos open-source similares, clasificados según cuántas características comparten con Number Flow.
  • adamwdraper/numeral-jsAvatar de adamwdraper

    adamwdraper/Numeral-js

    9,706Ver en GitHub↗

    Numeral-js is a JavaScript number formatting library used to convert raw numeric values into human-readable strings for currencies, percentages, and abbreviations. It includes a numeric string parser to extract raw values from formatted strings by removing symbols and delimiters. The library provides locale-aware formatting to adjust decimal separators and currency symbols based on regional language settings. It also features a data size converter that transforms byte values into readable measurements using base-1000 or base-1024 standards. The system supports the registration of custom form

    JavaScript
    Ver en GitHub↗9,706
  • inorganik/countup.jsAvatar de inorganik

    inorganik/countUp.js

    8,164Ver en GitHub↗

    CountUp.js is a lightweight JavaScript library that animates a numerical value from zero to a target number over a configurable duration with smooth easing. It supports both count-up and count-down transitions, making it a focused tool for displaying animated numerical changes on web pages. The library distinguishes itself through support for bidirectional number animation, custom easing functions, and locale-aware number formatting with configurable separators, decimal points, and digit groupings. It also offers plugin-based rendering, allowing developers to replace the default display logic

    TypeScript
    Ver en GitHub↗8,164
  • s-yadav/react-number-formatAvatar de s-yadav

    s-yadav/react-number-format

    4,091Ver en GitHub↗

    This library provides a set of tools for formatting numeric values and masking user input within React components. It includes a customizable text input wrapper that synchronizes raw numeric values with formatted display strings and a specialized input masking component for enforcing string patterns and templates during data entry. The project features a localized number formatter that utilizes browser localization APIs to apply regional grouping, prefixes, and suffixes. It supports specialized financial formatting, such as displaying negative values in parentheses, and provides the ability t

    JavaScript
    Ver en GitHub↗4,091
  • formkit/auto-animateAvatar de formkit

    formkit/auto-animate

    13,847Ver en GitHub↗

    Auto-animate is a framework-agnostic JavaScript animation library used to automatically animate the entry, exit, and movement of elements within a document. It functions as a transition tool that adds smooth motion to web application elements to prevent abrupt layout jumps during content changes. The utility is designed to be reduced motion compliant, automatically detecting and respecting system-level accessibility settings to disable animations for users with motion sensitivities. It also features a plugin system that allows the replacement of default fade and scale transitions with custom

    TypeScriptanimationjavascriptreact
    Ver en GitHub↗13,847
Ver las 30 alternativas a Number Flow→

Preguntas frecuentes

¿Qué hace barvian/number-flow?

number-flow is an animated number UI component that creates fluid vertical transitions between numeric values using digit-by-digit animations. It serves as a locale-aware number formatter that represents values according to regional cultural rules and browser internationalization standards.

¿Cuáles son las características principales de barvian/number-flow?

Las características principales de barvian/number-flow son: Localised Number Displays, Numerical Animations, State Transition Animators, Odometer-Style Animations, Stylized Numeric Counters, Locale-Aware Value Formatting, Numeric Formatting, Motion Accessibility Utilities.

¿Qué alternativas de código abierto existen para barvian/number-flow?

Las alternativas de código abierto para barvian/number-flow incluyen: adamwdraper/numeral-js — Numeral-js is a JavaScript number formatting library used to convert raw numeric values into human-readable strings… inorganik/countup.js — CountUp.js is a lightweight JavaScript library that animates a numerical value from zero to a target number over a… s-yadav/react-number-format — This library provides a set of tools for formatting numeric values and masking user input within React components. It… rombohq/tailwindcss-motion — This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of… formkit/auto-animate — Auto-animate is a framework-agnostic JavaScript animation library used to automatically animate the entry, exit, and… jamiebuilds/tailwindcss-animate — This project is a plugin for Tailwind CSS that provides a declarative utility library for managing web interface…