Tinyrack

Animated Number

Tween a numeric value smoothly toward its new target.

Roll changed digits or count smoothly toward a locale-formatted target value.

Contract

Semantic values match the web system while widget behavior follows Flutter and Material 3.

Install

Add the package, then import its public library.

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

Playground

Usage

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

const TRAnimatedNumber(
  animation: TRAnimatedNumberAnimation.roll,
  value: 12345,
)

Examples

Counter permalink

Update application state to roll the displayed value up or down.

Animation modes permalink

Use roll for digit-slot movement or count for continuous numeric interpolation.

Number formats permalink

Pass a NumberFormat for currency and percent values, or a formatter callback for units.

Forced directions permalink

Force changed digits to move up or down regardless of the value trend.

API

AnimatedNumber preserves native Flutter state and callbacks while applying Tinyrack token defaults.