multi-timezone-clock Tailwind Templates

Multi Timezone Clock

Multi Timezone Clock is a beautifully designed, customizable clock application built with HTML, Tailwind CSS, and Alpine.js

Multi Timezone Clock

Multi Timezone Clock is a beautifully designed, customizable clock application built with HTML, Tailwind CSS, and Alpine.js. It features a main clock with customizable names and timezones, additional location clocks, and various themes to suit your preferences. The application also includes settings for displaying seconds, using a 24-hour format, and showing motivational quotes.

Live Demo

Check the live demo here - Live Demo

Features

  • Main Clock: Customizable name and timezone.
  • Additional Clocks: Add multiple location clocks with different timezones.
  • Themes: Multi Timezone Clock comes with beautiful color themes and you can switch between them.
  • Quotes: Display motivational quotes. You can change them too!
  • Particles: Optional particle animation for a dynamic look.
  • Notes: Keep personal notes within the app.
  • Bookmarks: Quick access to your favorite websites on the bottom left corner. Add up to six bookmarks.
  • Memorization: Remembers your current settings for future visits.

Keyboard Shortcuts

  • Close Settings: Press Escape key to close these notes, settings and bookmarks sections.

Technologies Used

  • HTML
  • Tailwind CSS
  • JavaScript
  • Alpine.js

Getting Started

  1. Clone the repository.
  2. Open index.html in your browser.
  3. Customize the settings to your liking.

Contributing

Feel free to fork the project and submit pull requests. Contributions are welcome!

Top categories

Loading Svelte Themes