Build bet interfaces.

A collection of considered components for sportsbooks, prediction markets and casinos. Built on shadcn, with the little details already taken care of.

Pick what you need. Bring your own theme. The code lives in your project, so every detail is yours to change. Open source, under MIT.

npx shadcn@latest add https://betui.fyi/r/bet-button.json
Installation Themes React · TypeScript · Tailwind CSS

A few things you can build with

Interactive previews
One provider. Every price below follows it.
Arsenal vs Chelsea
Olympiacos vs AEK Athens
<Odds format="american" />+150

One provider. Every format.

Change the format above. Every price follows. Sample markets, real components.

Amount bar

A small input with useful shortcuts.

Playing cards

Every suit. Every rank. Your table.

+12.5%-4.2%

Trend badge

A little context for a changing price.

Browse all 56 components

Small pieces, made to fit.

Yes and no have their own colors. Odds share one format. Themes are tokens, so changing the look doesn't mean rewriting your components.

Support the work behind Bet UI
Bet UIOpen source · MIT license