Playground · Text & typography

Number Ticker

  • motion component
  • iOS
  • Android
  • Flutter 3.47.0+

A number whose digits roll to each new value, column by column, so counters, prices and scores feel alive.

Version 1.1.0 · What changed
  • 1.1.0 2026-10-06 New thousandsSeparator and decimalSeparator arguments (for example "." and "," in Spanish), also what screen readers hear; a new value now shows at once, without rolling, when the platform asks for reduced motion.
  • 1.0.0 2026-10-01 First release.

Parameters

The number shown; change it to watch the digits roll.

Seconds the roll to a new value takes.

Loading Preview…

Send to your coding agent

Add Sheen's MCP server once, then paste the prompt. No key or account needed.

Run in your project (Claude Code)
claude mcp add --transport http sheen https://sheen.ciroapps.com/api/mcp
Then ask your agent
Use the Sheen MCP server to add the Number Ticker Component to this Flutter app. Call get_export with componentId "number-ticker" and parameters {"value":1280.5,"decimals":2,"prefix":"$","suffix":"","fontSize":56,"color":"FFFFFF","duration":1.2}, then follow the install steps it returns. (Tuned in the Sheen Playground: https://sheen.ciroapps.com/c/number-ticker?value=1280.5&decimals=2&prefix=%24&suffix=&fontSize=56&color=FFFFFF&duration=1.2)