maps
Route that redraws itself by transport mode
A self-drawn stylized map (streets, blocks and water, no external tiles) where the route between an origin and a destination is traced progressively with stroke-dashoffset along the streets, with a marker that advances using getPointAtLength; switching transport mode retracts the old route and draws the new one, changing path, color and estimated duration.
See it live and copy its promptWhat you can adjust
- Drawing speed
- Route thickness
- Walking color
- Bike color
- Car color
- Public transport color
- Marker size
- Show duration
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
