Matches & teams

Match Chip

A pocket scoreboard built from parts: logos and names either side of the score and clock, 144px wide so two and a half sit across a phone.

Built on
Card

In play

Crests for marks and the clock in red while play is on.

Chelsea
CHE
2 - 167
Aston Villa
AVL

Across a phone

Chips mapped from data into a rail at iPhone width, two and a half in view. Live, final and upcoming, with jerseys, crests, flags and helmets as logos. The side that lost fades.

30
GSW
93-97Q4 5:50
11
NYK
Chelsea
CHE
2-167'
Aston Villa
AVL
Napoli
NAP
3-1Final
Olympiacos
OLY
Australia
AUS
1-2FT
Argentina
ARG
KC
6:30Sun
BUF

Names for logos

Leave the logo out and the name takes its row, stepped up through className to sit beside the score.

LAL
88 - 84Q3 2:14
BOS
NYR
2-4Final
BOS
pnpm dlx shadcn@latest add https://betui.fyi/r/match-chip.json

Code