design engineer :: showcase

TfL API TypeScript Client Demo

A demonstration component showcasing the `tfl-ts` npm package - a fully-typed TypeScript client for the Transport for London (TfL) API. Features real-time London transport data, live status updates, and comprehensive coverage of all TfL services including Tube, Bus, DLR, Overground, and more.

v0.0.1
🍰
🏃
🎓
Beginner
demo
#tfl#transport-for-london#typescript#api#client#london#transport#underground#tube#bus... and 21 more

Dynamic Text

Text content that self adjust to available width, no javascript, pure css! Features responsive typography, automatic scaling, and optimized text rendering for different screen sizes.

v0.0.1
🍰
🏃
🎓
Intermediate
components
#react#v0#tailwind#components

Timeline

A timeline component that generates from react to minimal dom for best performance and a11y. Features optimized rendering, accessibility compliance, responsive design, and customizable styling options.

v0.0.1
🍰
🏃
🎓
Beginner
components
#react#css#tailwind

SquareLayout

Responsive full screen layout to show something that's square, and have remaining space for text, except on square screens where text floats on top. Features adaptive design, responsive breakpoints, and optimized layout for different screen sizes.

v0.0.1
🍰
🏃
🎓
Beginner
layout
#css#responsive#tailwind#react