Shadcn.io is not affiliated with official shadcn/ui
Calendar Travel Itinerary
React travel itinerary timeline block for Next.js with flights, hotels, activities per day, map markers, and trip progress tracking built with shadcn/ui and Tailwind CSS
Plan and visualize your entire trip with this React and Next.js travel itinerary block. View flights, hotel stays, and activities organized by day in a clean timeline, with booking references and timing details. Built with TypeScript, shadcn/ui Badge, Button, and Progress components, and Tailwind CSS. Perfect for travel apps, trip planning tools, and corporate travel management dashboards.
Related Components
Timezone Converter
Multi-timezone display
Event RSVP
Event response manager
Shared Availability
Team availability overlay
Sync Settings
Calendar sync configuration
Editorial Calendar
Content planning calendar
Social Media Planner
Post scheduling queue
FAQ
Was this page helpful?
Sign in to leave feedback.
Training Program
A training program schedule calendar block for Next.js with workout plans, weekly periodization, exercise tracking, and progress logging using shadcn/ui and Tailwind CSS
Volunteer Shifts
A volunteer shift scheduler calendar block for Next.js with shift signup, role assignment, coverage tracking, and availability management using shadcn/ui and Tailwind CSS