Components
80+ beautifully crafted components built with Radix UI, Tailwind CSS, and the Zostel brand system.
Forms
Button
Clickable button with variants
Input
Text input field
Textarea
Multi-line text input
Label
Form label element
Select
Dropdown select menu
Checkbox
Boolean checkbox input
Radio Group
Radio button group
Switch
Toggle switch control
Slider
Range slider input
Combobox
Autocomplete select
Form
Form validation wrapper
Layout
Card
Content container card
Badge
Status/label badge
Separator
Visual divider
Table
Data table
Avatar
User avatar image
Progress
Progress indicator bar
Skeleton
Loading placeholder
Scroll Area
Custom scrollbar area
Aspect Ratio
Fixed aspect ratio box
Carousel
Content carousel slider
Calendar
Date calendar picker
Overlays
Dialog
Modal dialog window
Sheet
Slide-out side panel
Drawer
Bottom drawer panel
Alert Dialog
Confirmation dialog
Dropdown Menu
Dropdown action menu
Context Menu
Right-click menu
Popover
Floating content box
Hover Card
Hover preview card
Tooltip
Hover tooltip text
Toast
Notification toast
Command
Command palette
Alert
Inline alert message
Navigation
Brand
Travel
Hostel Card
Hostel listing card
Destination Card
Destination browse card
Amenity Card
Amenity feature card
Room Type Card
Room type display
Review Card
Guest review card
Price Tag
Price display tag
Booking Summary
Booking details summary
Gallery
Image gallery carousel
Hero Section
Full-width hero banner
Navigation Header
Site header navigation
Footer
Site footer
Star Rating
Star rating display
Social Links
Social media links
Stat Counter
Trust stats display
USP Grid
Feature highlights grid
Dark Mode Toggle
Theme toggle button
Map Embed
Embedded map iframe
Blog Card
Blog post card
Property Listing Card
Property browse card
Trip Card
Trip listing card
Filter Bar
Category filter chips
App Download Banner
App download CTA
Itinerary Timeline
Day-by-day itinerary
Search Bar
Destination search
Brand Switcher
Brand dropdown switcher
Mobile Nav
Mobile hamburger menu
Testimonial Carousel
Reviews carousel