Skip to content

A beautiful, mobile-friendly React digital clock with animated gradient background, live time updates, and 12h/24h toggle support.

Notifications You must be signed in to change notification settings

AspiringSaint/digital-clock-1

Repository files navigation

React Digital Clock

A beautiful, responsive digital clock built with React, featuring animated backgrounds and a toggle between 12-hour and 24-hour format.


Features

  • Live Clock: Updates every second with current time and date.
  • Animated Background: Smoothly shifting gradient background for a modern look.
  • 12h / 24h Toggle: Easily switch between time formats.
  • Mobile-Friendly: Fully responsive layout for small screens.
  • Minimal UI: Glassmorphism card design with smooth transitions.

Tech Stack

  • React (functional components + hooks)
  • CSS3 (animated gradient background, responsive design)

Installation

Clone this repository and install dependencies:

git clone https://github.com/your-username/digital-clock.git
cd digital-clock
npm install
npm start

About

A beautiful, mobile-friendly React digital clock with animated gradient background, live time updates, and 12h/24h toggle support.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published