About

Board, React components, and typed transport data

Prefer Board when someone wants a live London transport display on an iPad or spare screen. Take the React components into your own app, or work directly with tfl-ts. See the iPad wall display guide for Safari and Home Screen setup.

Board

Put Tube status, rail departures, and bus arrivals on an iPad, tablet, monitor, or spare screen without deploying an app or writing a custom Unified API dashboard. Choose a stop, then add arrivals, status, buses, and nearby cycle hire.

tfl-components

Install the React source behind the demos through the shadcn registry. The catalogue covers arrivals and status boards, maps, line diagrams, station labels, route chips, colour tokens, and other parts for a custom TfL interface.

tfl-ts, CLI, and MCP

Use the typed tfl-ts client for TfL Unified API data and static station information. The same npm package includes the tfl command-line tool and a read-only MCP server that lets coding agents inspect TfL data with your own API key.

TfL interface foundations

Check the published colour references, typography and Johnston licensing, station-name fitting, icons, roundel boundaries, and line-diagram conventions before copying the visual language into a product.