Board
Set up a dashboard on an iPad, tablet, monitor, or any screen without deploying an app. Choose a stop, then add arrivals boards, status boards, buses, and nearby cycle hire.
Board, React components, and typed transport data
Start with Board, take the React components into your own app, or work directly with tfl-ts. The reference pages cover the TfL conventions that hold those routes together.
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.
