Animations

Animated Counter

A number that tweens smoothly from its previous value to the next whenever it changes — e.g. dashboard stats re-counting when the time range switches. Dependency-free and respects prefers-reduced-motion. The first of the kit's animation primitives (text animations to follow).

Import

import { AnimatedCounter } from "@countryclub/ui-react";

Default

Prefix, Suffix & Decimals

Currency, percentages and decimals via the prefix / suffix / decimals props.

Spend
Below benchmark
ROI