ayangabryl

ayangabryl / ngx-digit-flow

Public

Individual digit animations for Angular. Slot-machine style. Built on Web Animations API.

ngx-digit-flow.ayangabryl.com
13
1
100% credibility
Found May 14, 2026 at 15 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A component for Angular that animates numbers with individual digit reels like odometers or slot machines, supporting formatting for currency, percentages, and locales.

How It Works

1
🌐 Discover spinning numbers

You find a fun tool that makes numbers on webpages animate like slot machine reels, each digit rolling smoothly to its new value.

2
📦 Add to your project

You easily bring this animation magic into the app or site you're building with a simple download.

3
🔢 Drop in a changing number

You place a number display wherever you want counters, like scores, prices, or stats that update.

4
🎰 Watch the magic happen

As the number changes, each digit spins excitingly on its own vertical reel, feeling alive and polished.

5
🎨 Tweak the style

You adjust speed, add money signs or percentages, and make it match your design perfectly.

✨ Counters come alive

Your app now has delightful, professional-looking number animations that delight users every time they update.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 15 to 13 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is ngx-digit-flow?

ngx-digit-flow brings slot-machine style animations to numbers in Angular apps, spinning individual digits vertically on reels from 0-9 whenever the value changes. It handles formatting like currency, percentages, or compact notation via Intl.NumberFormat, plus locales for non-Latin glyphs, prefixes/suffixes, and even custom reel ranges for clocks. Built SSR-safe with Web Animations API and signals, it drops in as a standalone component with zero dependencies.

Why is it gaining traction?

No animation libraries needed—pure browser APIs deliver buttery spins, FLIP layout shifts, and fades that respect reduced motion prefs out of the box. Standout hooks include continuous mode for ticker illusions on unchanged digits, trend controls for up/down paths, and a group directive to sync multiples like timers. Demos showcase real-world polish for dashboards, beating janky CSS keyframes or heavy libs.

Who should use this?

Angular frontend devs crafting live counters in finance apps (stock tickers, pricing), games (scores/XP), or analytics (social metrics, progress). Ideal for individual digits in compact UIs like individual digital hubs or transfer rates, especially if you're on GitHub individual plan tinkering with individual GitHub Copilot for quick prototypes.

Verdict

Grab it for Angular projects needing instant number flair—docs, tests, and API are solid despite 13 stars and 1.0% credibility score signaling early days. Skip if you need broad browser support pre-Chrome 125; otherwise, it's a lightweight win over rolling your own.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.