Skip to content

A sleek, glassmorphism‑inspired analog clock built using HTML, CSS, and JavaScript with smooth hand animations and a dark/light theme toggle.

License

Notifications You must be signed in to change notification settings

karthikrshet/analog-clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

⏰ Trendy Analog Clock

A sleek, glassmorphism‑inspired analog clock built using HTML, CSS, and JavaScript with smooth hand animations and a dark/light theme toggle.

Screenshot 2025-07-30 170322

Features

  • 🕒 Real‑time Analog Clock – Hour, minute, and second hands with fluid movement
  • 🎨 Modern Glassmorphism Design – Frosted‑glass UI with glowing effects
  • 🌙 Dark/Light Mode Toggle – Switch themes in one click
  • Smooth Animations – Transitioned hand rotations for realism
  • 👤 Credit – Developed by Karthik Shet

Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling, glow effects, and animations
  • Vanilla JavaScript – Time calculations and live updates

How to Run

  1. Clone the repository:

    git clone https://github.com/karthikrshet/analog-clock.git
  2. Open index.html in your browser.


About

A sleek, glassmorphism‑inspired analog clock built using HTML, CSS, and JavaScript with smooth hand animations and a dark/light theme toggle.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages