awesome-repositories.com
Blog
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
·
HubSpot avatar

HubSpot/odometerArchived

0
View on GitHub↗
7,298 estrellas·697 forks·CSS·MIT·3 vistasgithub.hubspot.com/odometer/docs/welcome↗

Odometer

Odometer is a JavaScript number animation library and frontend UI tool designed to create fluid counting effects. It functions as a numerical transition component that updates numbers on a page using animated rolling or sliding transitions.

The library focuses on numerical value animation and data transition effects, allowing users to transition smoothly between two numerical values. This is used for updating metrics and key performance indicators in dynamic dashboard visualizations to avoid abrupt jumps in data displays.

Features

  • Numerical Animations - Provides a specialized UI component for creating smooth animated transitions between changing numbers.
  • Numerical - Offers a dedicated JavaScript library for implementing smooth visual transitions between numbers.
  • Transition Effects - Applies polished visual transition effects to numerical counters as values update.
  • UI Animations - Serves as a frontend tool for adding motion and fluid counting effects to user interfaces.
  • Animation Transition Components - Implements a transition component that manages the rolling animation lifecycle for numbers.
  • Time-Based Linear Interpolation - Uses time-based linear interpolation to create smooth transitions between numerical values.
  • CSS Transform Animations - Implements rolling digit effects using CSS transforms to animate vertical movement.
  • DOM Structure Generators - Organizes numerical values into individual digit containers to enable independent sliding animations.
  • Dynamic Data Dashboards - Enables fluid updates of KPIs and metrics within dynamic data dashboards.
  • Offset Calculators - Calculates the vertical pixel offset of digit columns to map numbers to visual positions.
  • Dynamic HTML Generators - Generates the necessary HTML structure for digit columns on the fly based on provided values.
  • Number Utilities - Smoothly animating numeric transitions.
  • Numeric Utilities - Creates smooth numeric transition effects.
  • 动画(Animate) - Listed in the “动画(Animate)” section of the Awesome Frontend awesome list.

Historial de estrellas

Gráfico del historial de estrellas de hubspot/odometerGráfico del historial de estrellas de hubspot/odometer

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 Odometer

Proyectos open-source similares, clasificados según cuántas características comparten con Odometer.
  • ianlunn/hoverAvatar de IanLunn

    IanLunn/Hover

    29,393Ver en GitHub↗

    Hover is a collection of pre-defined CSS3 animations and reusable stylesheets for links, buttons, and images. It serves as a web UI animation kit and a library of styles written in CSS, Sass, and LESS to provide visual feedback when a user hovers over an element. The library includes specialized interactive effects that simulate tactile behaviors, such as page curls and the rendering of speech bubbles. It also provides a set of animation primitives to manipulate backgrounds, borders, shadows, and glow effects to simulate depth and elevation. The project covers a wide range of element motion

    SCSScsscss-effectssass
    Ver en GitHub↗29,393
  • vuejs/vueAvatar de vuejs

    vuejs/vue

    209,900Ver en GitHub↗

    Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and single-page applications. It centers on a declarative template system that transforms HTML into efficient render functions, allowing developers to organize complex interfaces into isolated, reusable units that synchronize automatically with application state. The framework distinguishes itself through a dependency-tracking reactivity system that monitors data access during rendering to trigger precise updates. It provides a flexible architecture that supports both incremental adoption

    TypeScriptframeworkfrontendjavascript
    Ver en GitHub↗209,900
  • juliangarnier/animeAvatar de juliangarnier

    juliangarnier/anime

    69,932Ver en GitHub↗

    This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

    JavaScriptanimationanimecanvas
    Ver en GitHub↗69,932
  • 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
Ver las 30 alternativas a Odometer→

Preguntas frecuentes

¿Qué hace hubspot/odometer?

Odometer is a JavaScript number animation library and frontend UI tool designed to create fluid counting effects. It functions as a numerical transition component that updates numbers on a page using animated rolling or sliding transitions.

¿Cuáles son las características principales de hubspot/odometer?

Las características principales de hubspot/odometer son: Numerical Animations, Numerical, Transition Effects, UI Animations, Animation Transition Components, Time-Based Linear Interpolation, CSS Transform Animations, DOM Structure Generators.

¿Qué alternativas de código abierto existen para hubspot/odometer?

Las alternativas de código abierto para hubspot/odometer incluyen: ianlunn/hover — Hover is a collection of pre-defined CSS3 animations and reusable stylesheets for links, buttons, and images. It… vuejs/vue — Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and… juliangarnier/anime — This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties,… infusion/fraction.js — The RAW rational numbers library written in JavaScript. infusion/complex.js — The RAW Complex.js is a complex numbers library written in JavaScript. chancejs/chancejs — Chance is a JavaScript library for generating random data, designed to produce realistic test data for automated tests…