Neo-Brutal Count Up
A number that counts up, or rolls digit by digit like an odometer (variant="roll", the kit's figure motion), when it comes into view.
Swiss Tech MonoMotion
Count Up
A number that counts up, or rolls digit by digit like an odometer (variant="roll"), when it comes into view.
Live, interactive React component · light themeResponsive
About the Swiss Tech Mono Count Up
A number that counts up, or rolls digit by digit like an odometer (variant="roll"), when it comes into view. The server HTML holds the final value, the width of the final value is reserved, and screen readers only get the final value. Client component.
It is part of Swiss Tech Mono. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
See it on a full page
Noir Aurora Count Up
A number that counts up, or rolls digit by digit like an odometer (variant="roll"), when it comes into view.
Soft Bento Count Up
A number that counts up, or rolls digit by digit like an odometer (variant="roll", the Soft Bento signature: digit strips on a spring), when it comes into view.