Collection of free HTML and CSS clocks: analog, digital, flip, animated and etc

CSS Clock-Shadows

Pure CSS Functional & Responsive 3D Stopwatch

Flip Clock with Tailwind

Pure CSS Working Stopwatch

Analog Clock

Analog Clock

A simple analog clock made with pure CSS. No scripts. No images. No SVG.

Clock

Really clean and asthetic looking clock.

Minimalist Clock

Minimalist clock, pure CSS with current time.

Orange Clock

3D Clock

A 3D (looking) clock made with CSS gradients and borders.

CSS Clock

Pure CSS clock design.

JS and CSS Clock

JS and CSS clock with sound.

Typographic Clock

Very cool typographic clock.

Clock

Very nice clock in HTML, CSS and JavaScript.

Wall Clock

Giant clock to have as fullscreen on a screen while not using it.

Digital Clock

Digital clock with Vue.js.

Vue Time Comparison

Using the browser's native API for .toLocaleTimeString to get rid of libraries like moment.js for world time that respects daylight savings. Made with Vue, SVG, GreenSock.

Analog Digital Clock

Analog/Digital clock with HTML, CSS and JS.

Slide Clock

HTML and CSS slide clock with little JS.

CanvasClock

Clock with HTML5 canvas and CSS3.

JS + CSS Clock

A clock made with JavaScript and CSS, working with your device's internal time.

Clocks

Clocks with three different time-zones.

CSS Clock

Realistic minimal HTML and CSS clock.

Analog Clock

Simple analog clock with HTML/CSS/JS.