Odds Provider
Wrap it once at the root and every price in the tree renders in the format the user picked. Ships Odds, useOdds and useOddsValue. Add Odds Format Select to let users switch, and Animated Odds for rolling digits.
- Built on
- Odds
Wrap once, everything adapts
One provider, one select, two markets. Every price below is the same Odds component.
One provider. Every price below follows it.
Arsenal vs Chelsea
Olympiacos vs AEK Athens
<Odds format="american" />+150
One API value, three formats
The same decimal source rendered by three providers pinned to different formats.
2.5 decimal, straight from the API
decimal2.50
fractional3/2
american+150
pnpm dlx shadcn@latest add https://betui.fyi/r/odds-provider.json