Shadcn.io is not affiliated with official shadcn/ui
Chat Travel Assistant
React travel booking assistant chat block for Next.js with flight cards, hotel listings, itinerary summary, departure and arrival times, and book now buttons using TypeScript, shadcn/ui, and Tailwind CSS
A comprehensive travel booking assistant chat interface for React and Next.js applications. Features flight card messages with airline, departure and arrival airports, times, duration, and pricing. Hotel cards with star ratings, price per night, and amenity highlights. An itinerary summary card consolidating the full trip plan. Includes book now buttons for direct conversion. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, Tailwind CSS, and Framer Motion for smooth message transitions. Ideal for travel platforms, booking engines, and trip planning applications.
Related Components
Real Estate Agent Chat
Property inquiry chat with listing cards
Customer Support Chat
Support chat with agent avatar and rating
Medical Consultation Chat
Healthcare telemedicine chat with prescriptions
Fitness Coach Chat
Workout and meal plan coaching chat
Education Tutor Chat
Tutoring chat with quiz cards
Team Collaboration Chat
Workspace channel chat with mentions
FAQ
Was this page helpful?
Sign in to leave feedback.
Translation Relay
A multi-party translation relay chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring original and translated message pairs
Trivia Night
A trivia night chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring question rounds, team scores, and real-time leaderboard