collected.tools.
BibliothekFrontend

NumberFlow

Animierte Zahlen für Preise, Zähler und Statistiken

Worum es geht

NumberFlow ist eine Komponente, die Zahlen beim Wechsel Ziffer für Ziffer animiert, etwa bei Preisen, Zählern oder Kennzahlen. Formatiert wird über Intl.NumberFormat, also mit Währungen, Prozenten und Ländereinstellungen, Timing und Richtung der Ziffern lassen sich einstellen. Es gibt Versionen für React, Vue und Svelte sowie ein Web Component, alle ohne Abhängigkeiten und mit Rücksicht auf reduzierte Bewegung.

Installation
npm install @number-flow/react
Warum es aufgenommen wurde
  • Formatierung über Intl.NumberFormat
  • Für React, Vue, Svelte und als Web Component
  • NumberFlowGroup synchronisiert mehrere Zahlen

Verwandte Einträge