2026

ngx-digit-flow

Open source on npm

An Angular library for slot-machine digit animations. Each digit rides a vertical reel, odometer style. Signals-first, SSR-safe, zero animation libraries.

The idea

Numbers that change should feel like they changed. ngx-digit-flow animates values digit by digit on vertical reels, with Intl.NumberFormat support for currency, compact notation, percent, and locales. It drops into dashboards, pricing UI, or scoreboards without adopting a full motion system.

The hard part

Making layout shifts feel intentional: digits enter and exit cleanly, spin direction can follow the trend (up, down, or per digit), and FLIP-style updates stay in sync when multiple counters sit side by side. All of it on the Web Animations API and CSS @property, with no GSAP and no Angular animations dependency.

Craft choices

Signals-first API, SSR-safe rendering, automatic prefers-reduced-motion handling, and a DigitFlowGroupDirective to batch related counters. Small surface area on purpose, so the library stays memorable.

Next project

NEDA XI GIS →