Online Web Clock

An online, digital clock web app built with Bootstrap 5.3.8 and Webpack, focused on customizability.
Inspired by online-clock by Tareq Al-Masri.

Website: View in your browser!

Want to test out features early? Check out the preview branch!

Overview

Here's a couple of the primary features of Online Web Clock:

• Central time display
  • Font, style, size, color, misc. effects
• Multiple floating timezone windows
• Date display with format presets
• Customizable background (Color fade, Solid Color, or Image)
• Floating weather widget
• Stopwatch/Timer panels
• Persistent settings exports to JSON, QR code, raw text, and local storage
• Multi-language support (i18next)
• and much, much more!

For installation instructions, troubleshooting, and comprehensive documentation of all the features, check out the Online Web Clock Docs.

Gallery

Preview of the clock

Menu options pane

Customization example

Acknowledgements (OSS)

• Axios (GitHub): Licensed under MIT License
  • Copyright (c) 2014-present Matt Zabriskie & Collaborators
• Bootstrap (Link): Licensed under MIT License
  • Copyright (c) 2011-2025 The Bootstrap Authors
• Bootstrap Icons (GitHub): Licensed under MIT License
  • Copyright (c) 2019-2024 The Bootstrap Authors
• html5-qrcode (GitHub): Licensed under MIT License
  • Copyright [2020] [MINHAZ minhazav@gmail.com]
• i18next (GitHub): Licensed under MIT License
  • Copyright (c) 2025 i18next
• Luxon (GitHub): Licensed under MIT License
  • Copyright 2019 JS Foundation and other contributors
• Material Design Icons by Pictogrammers (GitHub): Icons licensed under Apache License 2.0
• node-qrcode (GitHub): Licensed under MIT License
  • Copyright (c) 2012 Ryan Day
• number-to-words (GitHub): Licensed under MIT License
  • Copyright (c) 2015 Martin Eneqvist
• openweathermap-ts (GitHub): Licensed under MIT License
  • Copyright (c) 2020 Phillip Shim
• ts-luxon (Link): Licensed under MIT License
  • Copyright (c) 2023 Tony Samperi and other contributors
• ts-pattern (Link): Licensed under MIT License
  • Copyright (c) 2021 Gabriel Vergnaud
• Webpack (Link): Licensed under MIT License
  • Copyright JS Foundation and other contributors

This is a non-exhaustive list of OSS (Open Source Software) used in this project and therefore not every installed package is mentioned here. Each license can be found in the project's respective path or website.

Acknowledgements (Fonts)

• Dancing Script (Link): Licensed under SIL Open Font License 1.1

• Merriweather (Link): Licensed under SIL Open Font License 1.1

• Nanum Brush Script (Link): Licensed under SIL Open Font License 1.1

• Lato (Link): Licensed under SIL Open Font License 1.1

• Montserrat (Link): Licensed under SIL Open Font License 1.1

• Open Sans (Link): Licensed under SIL Open Font License 1.1

• Oswald (Link): Licensed under SIL Open Font License 1.1

• Pangolin (Link): Licensed under SIL Open Font License 1.1

• Poppins (Link): Licensed under SIL Open Font License 1.1

• Roboto (Link): Licensed under Apache License 2.0

• Tektur (Link): Licensed under SIL Open Font License 1.1

• Ubuntu (Link): Licensed under Ubuntu Font License 1.0

• Ubuntu Mono (Link): Licensed under Ubuntu Font License 1.0

Each license can be found in their respective folders in /src/fonts