ftc-embeds

FTC data on your website.

Free widgets for FIRST Tech Challenge teams and events. They stay up to date by themselves and fit your site's look.

Widgets for your team A pit map for your event
For teams

Your team, always current

Pick what to show, match your site's colors, and paste it on your team's website.

For events

A pit map visitors can search

Your event's pit map on your own page: zoom in, search a team, and get walking routes to the fields.

Make a pit map →

iframe, HTML element or npm package · works with any website builder · no account, no cookies · data from FTCScout and FIRST

Each widget

Every widget comes as an iframe, an HTML element and an npm package, with light, dark, FTCScout, FTC Events and trophy-case themes, and your own colors, corners, texts and links.

For events

Pit map

Your event's pit map on your own page, ready for visitors on their phones.

  • Search a team and get a walking route to its pit, the fields or queueing
  • Highlight and outline teams in your own colors
  • Load it from FTC Events, or upload the saved page
Configure →<ftc-pit-map>
For teams

Team card

Your team at a glance, for the top of your team's website.

  • Pick the stats: OPR, EPA, rank in your region, records, awards and more
  • Your next events with a countdown
  • A full card, or one compact row
Configure →<ftc-team-card>
For teams

Season results

Every event of a season with how it went.

  • Rank and record per event
  • Awards and advancement as labels
  • A list, or a strip of tiles that scrolls sideways
Configure →<ftc-team-results>
For teams

Awards

Every award your team has won, from the first season on.

  • Grouped by season
  • A list, or a strip of trophy cards
  • Only the awards won, or only some types
Configure →<ftc-team-awards>
For teams

Next match

While you compete: what's next, updating by itself.

  • Your next match, its time and a countdown
  • Both alliances, your last result and your rank
  • Between events: your next event
Configure →<ftc-next-match>
For teams

Season + next match

Season results with the live match on top during events.

  • One widget for a team homepage
  • Live part only shows while you compete
  • Same options as both widgets
Configure →<ftc-team-season>