Day 1 · Saturday, 16 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
Itinerary Timeline Builder
Build a clear, time-of-day schedule for every day of your trip. Add flights, meals, sightseeing, transfers and more — see them laid out chronologically, day by day.
Days
7
Events
0
Total scheduled
0m
Locations
0
Day 2 · Sunday, 17 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
Day 3 · Monday, 18 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
Day 4 · Tuesday, 19 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
Day 5 · Wednesday, 20 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
Day 6 · Thursday, 21 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
Day 7 · Friday, 22 May 2026
0 events
Nothing planned for this day yet. Use the quick-add chips or "Add event" above.
About Itinerary Timeline Builder
The Itinerary Timeline Builder turns the idea of a trip into a clear day-by-day schedule. You set the trip name, destination, and date range, and the planner generates one card per day. On each card you add events — flights, transfers, meals, activities, sightseeing, ticketed shows, lodging check-ins, anything — with a start time and a duration. Events appear on a vertical timeline within their day so you can see at a glance how the day flows and whether two things overlap.
Quick-add chips let you drop in common items (Breakfast, Lunch, Dinner) in one tap, with sensible default times you can adjust. Every event has a colour-coded type icon, an optional location, and a notes field for booking references or reminders. Your itinerary is saved automatically to your browser's local storage — no account, no sign-up, nothing sent to a server. Use Export to back up the trip as JSON, or Import to load a colleague's plan. Pair it with the Travel Budget Planner, Packing Checklist, Jet Lag Recovery Planner, and Road Trip Stop Planner.
How to Use Itinerary Timeline Builder
- Enter the trip name, destination, start date, and end date. The day cards appear automatically — one per calendar day in the range.
- For each day, tap a quick-add chip (Breakfast, Lunch, Dinner) to drop a placeholder event with a sensible default time.
- Tap "Add event" for any other event type — flight, transfer, sightseeing, ticketed show, lodging, free-time activity, or anything custom.
- Fill in title, start time, duration, type, location, and optional notes. The colour and icon update automatically based on the type you pick.
- Use the date dropdown inside an event to move it to a different day without deleting it (handy if your plans shift by 24 hours).
- Use the duplicate icon to clone an event — perfect for repeating items like daily breakfast or recurring transfers.
- Collapse a day with the chevron when you're focused on another part of the trip; the data stays intact.
- Use Export to back up the itinerary as JSON, and Import to restore it on another device or share with a travel companion.
Tip: when you build the first version, leave plenty of "free time" or "buffer" events. Real trips drift; events stretch; transfers run longer than expected. A timeline that's 70% planned and 30% open is usually more pleasant than one that's packed wall-to-wall.
Frequently Asked Questions
Is my itinerary private?
Yes. Your trip details, events, and notes are stored only in your browser's local storage on this device. Nothing is uploaded to any server. Clearing your browser data will remove the saved itinerary.
Can I share an itinerary with someone else?
Yes — click Export to save the trip as a JSON file, then send the file to your travel companion. They can open this page on any device and click Import to load your exact plan.
Can I add events that span multiple days?
Yes — you set a duration in minutes, so an event can be any length you want. For events that visually need to span two calendar days (a red-eye flight, an overnight train), it usually reads best as two short events: a "Departure" event on day 1 and an "Arrival" event on day 2.
How are events ordered within a day?
Strictly by start time, ascending. To reorder an event, change its start time — the card moves automatically. There's no manual drag-and-drop because chronological is the only order that makes sense for an itinerary.
What's the difference between this and a calendar app?
A calendar app is great for events you commit to with reminders. The Itinerary Timeline Builder is for the planning phase — drafting, reshuffling, and pressure-testing a trip before it lives anywhere else. Once you're happy, you can manually add the locked-in items to your real calendar.
Why are some events colour-coded the same way as the icon?
Colour and icon both come from the event type — they're redundant on purpose. Skimming a busy day card, you can spot all the meals or all the flights without reading every label.
Does the planner check for conflicts?
No automatic conflict highlighting yet. Because events are sorted by start time, an overlap is visually obvious — two consecutive cards with overlapping time ranges. Build in a small gap between cards to avoid this.
Can I plan more than one trip?
The page holds one itinerary at a time. To plan a second trip, Export the current one as JSON, click Reset, and start fresh — Import the saved file later when you want to come back to it.