Odds & prices

Animated Odds

A drop-in for the provider's Odds component with rolling digits. Same props, same format switching, animated with NumberFlow.

Built on
Odds Provider
Animated Price

Follows the provider

Live prices roll as they move, and switching the provider's format rolls every price into the new format.

Format comes from the provider
prices tick every 1.6s · fractional renders as text

Options

The same props as Odds: pin a format, accept a different source format, or set a fallback for invalid prices.

Provider format
<AnimatedOdds />follows the provider
2.50
format="american"pinned, ignores the select
+150
sourceFormat="american"input +150, shown in provider format
2.50
fallback="SUSP"shown when the price is invalid
SUSP
pnpm dlx shadcn@latest add https://betui.fyi/r/animated-odds.json

Code