https://github.com/ikartehfox/web-clock
A "Desktop-first" online web clock, built with customization in mind! (If the project looks dead, no it's not. Check the preview branch)
https://github.com/ikartehfox/web-clock
bootstrap5 css customization html html-css-typescript online-clock personal-project personal-website typescript web-app web-clock
Last synced: 6 months ago
JSON representation
A "Desktop-first" online web clock, built with customization in mind! (If the project looks dead, no it's not. Check the preview branch)
- Host: GitHub
- URL: https://github.com/ikartehfox/web-clock
- Owner: iKarTehFox
- License: mpl-2.0
- Created: 2023-06-15T11:28:06.000Z (about 3 years ago)
- Default Branch: prod
- Last Pushed: 2025-12-19T05:45:17.000Z (6 months ago)
- Last Synced: 2025-12-21T17:48:01.696Z (6 months ago)
- Topics: bootstrap5, css, customization, html, html-css-typescript, online-clock, personal-project, personal-website, typescript, web-app, web-clock
- Language: TypeScript
- Homepage: https://online-clock.pages.dev/
- Size: 12.4 MB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://forthebadge.com)
[](https://forthebadge.com)
# Online Web Clock
> **An online, digital clock web app built with Bootstrap 5.3.8 and Webpack, focused on customizability.
Inspired by [online-clock](https://github.com/tmasri/online-clock) by [Tareq Al-Masri](https://github.com/tmasri).**
**Website:** [View in your browser!](https://online-clock.pages.dev)
**Want to test out features early?** [Check out the preview branch!](https://github.com/iKarTehFox/web-clock/tree/preview)
**Need compatibility with older browsers?** [Check out the compatibility repository!](https://github.com/iKarTehFox/web-clock-compatibility)
# Install guide and features
The documentation for Online Web Clock has moved! You can find it in the [Docs](https://online-clock-docs.pages.dev/)!
There, you can find [installation instructions](https://online-clock-docs.pages.dev/docs/installation) and a [list of all features](https://online-clock-docs.pages.dev/docs).
#### 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](https://online-clock-docs.pages.dev/docs/datetime#time-refresh-method) for more info on the workaround.
# Gallery
### Preview of the clock
### Menu options pane
### Customization example
# Acknowledgements (OSS)
- **Axios** ([GitHub](https://github.com/axios/axios)): Licensed under MIT License
- Copyright (c) 2014-present Matt Zabriskie & Collaborators
- **Bootstrap** ([Link](https://getbootstrap.com/)): Licensed under MIT License
- Copyright (c) 2011-2025 The Bootstrap Authors
- **Bootstrap Icons** ([GitHub](https://github.com/twbs/icons)): Licensed under MIT License
- Copyright (c) 2019-2024 The Bootstrap Authors
- **html5-qrcode** ([GitHub](https://github.com/mebjas/html5-qrcode)): Licensed under MIT License
- Copyright [2020] [MINHAZ ]
- **i18next** ([GitHub](https://github.com/i18next/i18next)): Licensed under MIT License
- Copyright (c) 2025 i18next
- **Luxon** ([GitHub](https://github.com/moment/luxon)): Licensed under MIT License
- Copyright 2019 JS Foundation and other contributors
- **Material Design Icons by Pictogrammers** ([GitHub](https://github.com/Templarian/MaterialDesign)): Icons licensed under Apache License 2.0
- **node-qrcode** ([GitHub](https://github.com/soldair/node-qrcode)): Licensed under MIT License
- Copyright (c) 2012 Ryan Day
- **number-to-words** ([GitHub](https://github.com/marlun78/number-to-words)): Licensed under MIT License
- Copyright (c) 2015 Martin Eneqvist
- **openweathermap-ts** ([GitHub](https://github.com/Endunry/openweathermap-ts)): Licensed under MIT License
- Copyright (c) 2020 Phillip Shim
- **ts-luxon** ([Link](https://www.npmjs.com/package/ts-luxon)): Licensed under MIT License
- Copyright (c) 2023 Tony Samperi and other contributors
- **ts-pattern** ([Link](https://www.npmjs.com/package/ts-pattern)): Licensed under MIT License
- Copyright (c) 2021 Gabriel Vergnaud
- **Webpack** ([Link](https://webpack.js.org/)): 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](https://fonts.google.com/specimen/Dancing+Script)): Licensed under SIL Open Font License 1.1
- **Merriweather** ([Link](https://fonts.google.com/specimen/Merriweather)): Licensed under SIL Open Font License 1.1
- **Nanum Brush Script** ([Link](https://fonts.google.com/specimen/Nanum+Brush+Script)): Licensed under SIL Open Font License 1.1
- **Lato** ([Link](https://fonts.google.com/specimen/Lato)): Licensed under SIL Open Font License 1.1
- **Montserrat** ([Link](https://fonts.google.com/specimen/Montserrat)): Licensed under SIL Open Font License 1.1
- **Open Sans** ([Link](https://fonts.google.com/specimen/Open+Sans)): Licensed under SIL Open Font License 1.1
- **Oswald** ([Link](https://fonts.google.com/specimen/Oswald)): Licensed under SIL Open Font License 1.1
- **Pangolin** ([Link](https://fonts.google.com/specimen/Pangolin)): Licensed under SIL Open Font License 1.1
- **Poppins** ([Link](https://fonts.google.com/specimen/Poppins)): Licensed under SIL Open Font License 1.1
- **Roboto** ([Link](https://fonts.google.com/specimen/Roboto)): Licensed under Apache License 2.0
- **Tektur** ([Link](https://fonts.google.com/specimen/Tektur)): Licensed under SIL Open Font License 1.1
- **Ubuntu** ([Link](https://fonts.google.com/specimen/Ubuntu)): Licensed under Ubuntu Font License 1.0
- **Ubuntu Mono** ([Link](https://fonts.google.com/specimen/Ubuntu+Mono)): Licensed under Ubuntu Font License 1.0
Each license can be found in their respective folders in /src/fonts