Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

React Travel Itinerary Timeline Block

React trip itinerary timeline with location markers built with Next.js, shadcn/ui, and Tailwind CSS

Plan and visualize your trip day by day with this travel itinerary timeline. Built with React, Next.js, TypeScript, shadcn/ui Badge components, and Tailwind CSS. Each stop is marked with a location pin on a dashed journey line, showing the day number, destination, activities, and scheduled times. Perfect for travel apps, trip planners, and booking dashboards.

React Travel Itinerary Timeline Block preview

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.