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

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
HubSpot avatar

HubSpot/odometerArchived

0
View on GitHub↗
7,298 stars·697 forks·CSS·MIT·22 viewsgithub.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.

Star history

Star history chart for hubspot/odometerStar history chart for hubspot/odometer

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Odometer

These projects share indexed features with Odometer. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • ianlunn/hoverIanLunn avatar

    IanLunn/Hover

    29,393View on 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
    View on GitHub↗29,393
  • vuejs/vuevuejs avatar

    vuejs/vue

    209,900View on 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
    View on GitHub↗209,900
  • juliangarnier/animejuliangarnier avatar

    juliangarnier/anime

    69,932View on 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
    View on GitHub↗69,932
  • adamwdraper/numeral-jsadamwdraper avatar

    adamwdraper/Numeral-js

    9,706View on 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
    View on GitHub↗9,706
Compare all 30 related projects→

Frequently asked questions

What does hubspot/odometer do?

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.

What are the main features of hubspot/odometer?

The main features of hubspot/odometer are: Numerical Animations, Numerical, Transition Effects, UI Animations, Animation Transition Components, Time-Based Linear Interpolation, CSS Transform Animations, DOM Structure Generators.

Which projects share features with hubspot/odometer?

Projects with overlapping indexed features include: 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…