Skip to content

A "Desktop-first" online web clock, built with customization in mind!

License

Notifications You must be signed in to change notification settings

iKarTehFox/web-clock

Repository files navigation

forthebadge forthebadge

Online Web Clock

An online, digital clock web app built with Bootstrap 5.3.3, 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!

Need compatibility with older browsers? Check out the compatibility repository!

Install guide and features

The documentation for Online Web Clock has moved! You can find it in the Docs!
There, you can find installation instructions and a list of all features.

Firefox notice

Firefox and other non-Chromium browsers may experience inconsistent clock update behavior. This is due to inaccuracies with intervals in the browser's JavaScript engine. Read this section in the docs for more info on the workaround.

Gallery

Preview of the clock

A screenshot of the main web clock page. The time 12:00 PM and date of August 1st, 2024 is shown against a white background.

Menu options pane

A screenshot of the menu options panel. The "Date and Time" section is opened.

Customization example

A screenshot of the main web clock page with many customizations applied, such as custom font, background image, date format, and weather widget.

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
  • html5-qrcode (GitHub): Licensed under MIT License
  • Iconify (Link): Licensed under MIT License
    • Copyright (c) 2021-PRESENT Vjacheslav Trushkin
  • 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
  • Social Buttons for Bootstrap (GitHub): Licensed under MIT License
    • Copyright (c) 2013-2016 Panayiotis Lipiridis
  • Toastify (GitHub): Licensed under MIT License
    • Copyright (c) 2018 apvarun
  • 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

Each license can be found in the code's respective files 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