Shadcn.io is not affiliated with official shadcn/ui
React Dialog Block World Clock
World clock dialog with multiple timezone display, time difference calculation, current time updates, and city search
Track time across the globe instantly. This React world clock dialog provides multiple timezone displays with city names, automatic time difference calculation from local time, live updating current times, and easy city search to add new locations. Built with shadcn/ui Dialog, Input, Button, and ScrollArea components using Tailwind CSS, users monitor multiple time zones with clear visual presentation. Add cities, view times, calculate differences—perfect for remote team coordination, travel planning, international business, or any Next.js application where tracking multiple time zones helps users stay synchronized globally.
React Dialog Block World Clock preview
Installation
Related Components
React Dialog Block Countdown Timer
Time tracking
React Dialog Block Pomodoro Timer
Time management
React Dialog Block Sleep Timer
Time-based
React Dialog Block Calendar Event
Scheduling
React Dialog Block Settings
Preferences
React Dialog Block Search
City search