Analog Clock

Analog Clock is a live-ticking clock face rendered entirely in CSS and React: a metallic bezel, a glass sheen that slides across the crystal, and hands that sweep smoothly using the visitor's system time rather than ticking in steps. It needs no external data source or dependency. Drop it into dashboards, lock screen mockups, or any product screenshot that needs a believable timepiece.

Installation

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.