# tfl-components

> Build a live London transport board for an iPad or another screen, or install the React source used to make it.

tfl-components provides a zero-install hosted web app for iPad wall displays at https://tfl.manglekuo.com/board/view. Configure the stop in the Board builder, open that display in Safari, and add it to the Home Screen. No native app is required.

tfl-components also brings four related resources together. Board is the hosted display builder for arrivals, line status, buses, and nearby cycle hire. The tfl-components registry contains installable React source for transport boards, maps, line diagrams, labels, chips, colours, and other TfL-inspired interface parts. tfl-ts is the typed TypeScript client that supplies normalised Transport for London data. Its published npm package also includes the `tfl` command-line tool and a read-only MCP server for coding agents.

Use Board when someone wants a transport display without maintaining an app. Use the component catalogue when a React project needs TfL interface parts. Use tfl-ts when code needs typed access to the TfL Unified API, static station data, the CLI, or MCP. Use the foundations pages when the question is about TfL colours, typography, station labels, icons, roundels, or brand licensing.

## Start here

- [Turn an iPad into a wall-mounted London transport board](https://tfl.manglekuo.com/docs/ipad-dashboard): Old iPad, Safari, Add to Home Screen, live arrivals.
- [Make a hosted Board](https://tfl.manglekuo.com/board): Configure a display for an iPad, tablet, monitor, or other browser. The fullscreen page is https://tfl.manglekuo.com/board/view.
- [Browse React components](https://tfl.manglekuo.com/docs/components): Find installable boards, maps, diagrams, and primitives.
- [Read the documentation](https://tfl.manglekuo.com/docs): Install components and connect them to tfl-ts data.
- [Read llms.txt](https://tfl.manglekuo.com/llms.txt): Follow the agent-oriented map of this site.

## Developer resources

- [OpenAPI specification](https://tfl.manglekuo.com/openapi.json): Typed description of the public catalogue and registry endpoints.
- [Public catalogue API](https://tfl.manglekuo.com/api/catalog): JSON summary of Board, tfl-components, tfl-ts, the CLI, MCP, foundations, and registry items.
- [shadcn registry index](https://tfl.manglekuo.com/r/registry.json): Source-install catalogue used by the shadcn CLI.
- [tfl-ts on npm](https://www.npmjs.com/package/tfl-ts): TypeScript SDK, `tfl` CLI, and MCP server.