Shadcn.io is not affiliated with official shadcn/ui
Reviews Hotel Travel
A split-panel hotel review block for React and Next.js with category bar ratings, trip metadata badges, room type indicators, and expandable guest comments. Built with shadcn/ui Badge, Progress, Tabs, and Tailwind CSS.
Build immersive hotel review experiences with this split-panel travel review block for React and Next.js. Features a left summary panel with aggregate category ratings rendered as shadcn/ui Progress bars, stay metadata with Badge components, and a right panel with guest reviews organized by shadcn/ui Tabs for trip type filtering. Built with TypeScript, motion/react staggered entrance animations, and Tailwind CSS. Perfect for hotel booking platforms, travel marketplaces, and hospitality review aggregators.
Related Components
Restaurant Food Reviews
Restaurant review with dish ratings
Multi-Criteria Reviews
Multi-criteria review display
Category Ratings
Categorical rating breakdown
Service Provider Reviews
Service provider review format
Detailed Review Card
Detailed single review card
Star Rating Grid
Star-based rating grid layout
FAQ
Was this page helpful?
Sign in to leave feedback.
Highlighted Phrases
An AI-powered phrase extraction review block for React and Next.js with inline highlighted text spans, sentiment-colored phrase badges, filterable phrase cloud, review cards with annotated text, and phrase frequency counts built with shadcn/ui and Tailwind CSS
Incentive Program
A bento-grid gamified review rewards dashboard for React and Next.js with point tracking, tier progress, streak multipliers, milestone badges, and redeemable rewards. Built with shadcn/ui Badge, Button, Progress, and Tailwind CSS.