About tfl-components
A hosted transport board, installable React source, and practical references for London transport interfaces.
tfl-components is designed and maintained by MangleKuo. It began as a way to stop rebuilding the same arrivals rows, line colours, station labels, and route diagrams for every London transport project. The source is public, and the component registry copies React files into the app that installs them. It is not a closed UI package.
Three ways into the project
Board is the hosted route. It turns an iPad, tablet, monitor, or spare screen into a live arrivals and status display without an app deployment. The component catalogue is for custom React interfaces. tfl-ts is the separate typed data client underneath the examples; its npm package also ships the tfl CLI and a read-only MCP server.
TfL references and limits
The foundations pages record colour values, typography choices, station-name behaviour, icons, diagrams, and licensing boundaries. They help a developer make a correct implementation, but they do not grant rights to Johnston, the roundel, or other protected TfL assets. Source-code licensing and brand permission are separate questions.
TfL Components is an independent project and is not affiliated with or endorsed by Transport for London.