Introduction
Open-source React components for sports apps, distributed as source code through a shadcn/ui-compatible registry.
mrdoge-ui is a set of React components for building sports betting
interfaces: match cards, odds selectors, bet slips, match highlights,
timelines, stats, and related building blocks. Components are distributed as source code through
a shadcn/ui-compatible registry, not as an installable package. There is no
dependency on any particular data provider: every component takes plain
props. The Mr. Doge SDK adapter is
the one exception, a real, opinionated integration for live data out of
the box. Every live example on this site runs on it:
@mrdoge/client for the SDK calls themselves, and
@mrdoge/react for the hooks and
shared cache wrapping it.
Installation
Works in any project with Tailwind CSS and the shadcn/ui CLI configured. Install a component with:
pnpm dlx shadcn@latest add https://mrdoge.co/r/match-card.jsonThis copies the component and its dependencies into your project under
components/. You own the resulting code and can modify it freely.