TFL Partners TFL Partners Developers
Widget demo

Pro Sports

Two team-centric widgets. data-widget="pro-sports" lists a league's full roster in alpha order — MLB shows each team's logo; NFL/NBA/NHL colorize a shared league icon with the team's brand colors. data-widget="pro-sports-nearby" shows the viewer's local team(s) for a sport with upcoming games, and adapts to one team or two.

8
layout variants
2
widgets shown
<script src="https://w.tixcdn.io/loader.js"></script>
01

MLB — full roster (ungrouped)

Every MLB team, alphabetical, each with its team logo.

data-league="MLB"data-columns="3"
embed
<div data-widget="pro-sports" data-league="MLB" data-columns="3"></div>
02

NFL — grouped by conference

Colorized helmet icons (team color1 → color2), split into the two conferences.

data-league="NFL"data-group-by="conference"
embed
<div data-widget="pro-sports" data-league="NFL"
     data-group-by="conference" data-columns="4"></div>
03

NBA — grouped by division

Colorized basketball icons, split into divisions.

data-league="NBA"data-group-by="division"
embed
<div data-widget="pro-sports" data-league="NBA"
     data-group-by="division" data-columns="5"></div>
04

NHL — grouped by division

Colorized gloves icons, split into divisions.

data-league="NHL"data-group-by="division"
embed
<div data-widget="pro-sports" data-league="NHL"
     data-group-by="division" data-columns="4"></div>
05

NFL near New York — two teams

Two local teams split automatically into a two-up, each with upcoming games.

data-widget="pro-sports-nearby"data-category="nfl-football"
embed
<div data-widget="pro-sports-nearby" data-category="nfl-football"
     data-lat="40.71" data-lng="-74.01"></div>
06

MLB near Chicago — two teams

Cubs and White Sox, side by side.

data-widget="pro-sports-nearby"data-category="mlb-baseball"
embed
<div data-widget="pro-sports-nearby" data-category="mlb-baseball"
     data-lat="41.88" data-lng="-87.63"></div>
07

MLB near Denver — one team

A single local team spreads wide, with the next four games.

data-widget="pro-sports-nearby"data-category="mlb-baseball"
embed
<div data-widget="pro-sports-nearby" data-category="mlb-baseball"
     data-lat="39.74" data-lng="-104.99"></div>
08

NHL near Boston — one team

The Bruins, with their next games. If a team has no games in range, the card condenses to just the team.

data-widget="pro-sports-nearby"data-category="nhl-hockey"
embed
<div data-widget="pro-sports-nearby" data-category="nhl-hockey"
     data-lat="42.36" data-lng="-71.06"></div>