wherescz/sfinterface-numbers

Numbers that move the way they should. A React component from The San Francisco Interface.

Web & frontendTypeScript#animation#counter#number-animation#odometer#react

0.2 Steady Magnitude out of 10. Star growth looks organic. Data as of September 18, 2026.

About the project

A React component for animated number display: each digit sits in its own column, and only the columns whose digit changed move when the value updates. Supports Intl.NumberFormat, five transition styles, prefix/suffix, and screen-reader accessibility.

Useful for

Display a live counter or metric on a dashboard with smooth digit transitions
Render a price or percentage in a product card with a currency prefix and localized format
Add an animated counter to a landing page heading, inheriting font and size from its parent

README summarized by DeepSeek V4.1 Flash. Details may be inaccurate.

Why it’s trending

The repository is 5 days old and already has 51 stars.

Stars per day

Bars are daily stars, the line is the usual pace. Red marks spike days.

Numbers

Total stars: 51
Stars in a day: 0
Forks: 0
Issues and pull requests: 0
Watchers: 0
Language: TypeScript
License: MIT
Latest release: v0.3.4 · September 14, 2026
Created: September 13, 2026
Last push: September 14, 2026

Star trust

Growth looks organic: forks and discussion are in line with active projects, and stars arrive unevenly, the way people give them.

These are heuristics, not a verdict: we judge by the repository’s behavior, not by a list of stargazers.

Spotted in

September 18, 2026Top new repositories this week: #185
September 17, 2026Top new repositories this week: #191

README badge

Paste it into your README — the badge shows the current magnitude and links to this page.

[![Seismograph](https://gitnova.dev/badge/wherescz/sfinterface-numbers.svg?lang=en)](https://gitnova.dev/en/r/wherescz/sfinterface-numbers)

Similar projects

3.5
shadcn-ui/ui
A set of React components built on Radix UI and Tailwind CSS that are copied into your project as source code rather than installed as a dependency. Aimed at developers who want to build their own UI library with full…

SteadyWeb & frontendTypeScript+58 stars in a day
3.1
nilbuild/page-mascot
An interactive web mascot that watches the cursor and blinks when clicked. It uses two 3×3 sprite sheets for gaze directions and reactions, and can also generate a character via an agent.

CoolingWeb & frontendPython+19 stars in a day
3.0
makepad/makepad
A cross-platform UI runtime and app/game development environment for Rust that compiles to wasm/WebGL, Metal, DX11 and OpenGL, with live-editable UI and integrated AI backends.

BreakoutWeb & frontendRust+37 stars in a day
2.7
facebook/astryx
An open source design system on React 19 and StyleX with 150+ accessible components, themes, and a CLI, built for people and AI assistants to work the same way. It grew inside Meta, where it powers 13,000+ apps.

SteadyWeb & frontendTypeScript+26 stars in a day
2.6
vercel/next.js
Next.js is a React framework for building full-stack web applications with server rendering and Rust-based build tooling. Used by large companies for fast, universal sites.

SteadyWeb & frontendJavaScript+14 stars in a day
2.5
liangshanbo789/aidaicai
Marketing site and repo for a service that procures OpenAI/ChatGPT subscriptions for Chinese enterprises: corporate bank transfer, 6% VAT invoices and an SLA contract. Contains the Next.js 15 + Tailwind CSS +…

Early signalWeb & frontendTypeScript+10 stars in a day