Shadcn.io is not affiliated with official shadcn/ui
Todo List Packing
A travel packing list block for React and Next.js with categorized essentials, weight tracking, overall progress bar, and trip details built with shadcn/ui and Tailwind CSS
Plan your next trip with this travel packing list block for React and Next.js. Features categorized sections for Essentials, Clothing, Toiletries, Electronics, and Documents with per-item quantity, category item counts, an overall packing progress bar, and trip details header. Built with TypeScript, shadcn/ui Checkbox, Progress, and Badge components, framer-motion staggered entrance animations, and Tailwind CSS. Ideal for travel planning apps, trip organizer dashboards, and vacation prep tools.
Related Components
Shopping Todo List
Categorized grocery shopping list
Travel Itinerary Todo
Day-by-day travel itinerary
Moving Todo List
Moving checklist with timeline
Event Planning Todo
Event planning with budget tracking
Reading List Todo
Book tracking with progress bars
Workout Todo List
Exercise routine tracker
FAQ
Was this page helpful?
Sign in to leave feedback.
Order Fulfillment
An order processing checklist todo list block for React and Next.js with order IDs, mini status steppers, tracking numbers, and fulfillment actions built with shadcn/ui and Tailwind CSS
Patient Care
A healthcare task list todo list block for React and Next.js with patient rooms, task types, shift indicators, priority levels, and HIPAA compliance notices built with shadcn/ui and Tailwind CSS