Skip to content

sidsimo/Digital-Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 

Repository files navigation

Screenshot_25-7-2026_152341_sidsimo github io

πŸ•’ Customizable Digital Clock Widget

A beautiful, minimalist web widget featuring a Digital Clock, live Date Display, and an integrated Color Picker. This project allows users to dynamically change the widget's background color in real-time, showcasing interactive DOM manipulation and state updating using vanilla JavaScript.

✨ Features

  • Real-time Digital Clock: Displays the current time updating seamlessly every second.
  • Live Date Display: Shows the local calendar date synchronized with the system.
  • Dynamic Theme Customization: Features an interactive color input (<input type="color">) that lets users instantly customize the widget's background shade.
  • Clean & Responsive UI: Soft modern layout perfectly centered on the screen.

πŸš€ Live Demo

Test the live customization here:
πŸ”— Live Demo

πŸ› οΈ Built With

  • HTML5 - Semantic layout structure for the clock container and native color inputs.
  • CSS3 - Responsive centering, modern typography, and smooth transition styling.
  • JavaScript (Vanilla) - Implements setInterval for the clock logic and listens to input events on the color picker to dynamically rewrite CSS styles.

About

A minimalist digital clock widget featuring a dynamic color picker that allows users to customize the background theme in real-time.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages