Todo List Travel
A travel itinerary block for React and Next.js with day-by-day sections, timed activities, location pins, booking status badges, and transportation indicators built with shadcn/ui and Tailwind CSS
Plan your trip day by day with this travel itinerary block for React and Next.js. Features day-by-day sections with timed activities, location names, booking confirmation badges, transportation icons between items, and status indicators for Booked, Pending, and Flexible activities. Built with TypeScript, shadcn/ui Badge, Checkbox, and Button components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for travel planning apps, trip organizer tools, and vacation management dashboards.
Related Components
Packing Todo List
Travel packing checklist
Event Planning Todo
Event planning with budget tracking
Moving Todo List
Moving checklist with timeline
Shopping Todo List
Categorized grocery list
Finance Todo List
Financial task checklist
Renovation Todo List
Home renovation project tracker
FAQ
Was this page helpful?
Sign in to leave feedback.
Timeline
A vertical timeline todo list block for React and Next.js with connected dots, completion tracking, and staggered animations built with shadcn/ui and Tailwind CSS
Voice Memo
A voice memo attachment todo list block for React and Next.js with waveform visualization, duration badges, play controls, and recording indicator built with shadcn/ui and Tailwind CSS