25 Cool Javascript and CSS Clocks

Today’s post is a roundup of what we think the coolest 25 Cool Javascript and CSS Clocks which you can make your site modern. These roundup made using pure CSS and JavaScript is only used to get the current time. Enjoy.

---

See also:

• 17 Free jQuery plugin for Responsive Navigation Menu
• 12 jQuery Page Flip Book Plugins
• 25 jQuery Typography Plugins for Developers

---

cssclock

Clock made out of CSS and a little bit of Javascript

 

CSS3 Clock

Pure CSS analog clock

 

Rotate Clock (CSS Only)

 

Analog Clock CSS3 (SASS)

 

CSS only clock of clocks

 

Glitch Clock

 

Pure HTML and CSS Braun Clock

 

Hex Clock

 

The Colour Clock

 

Flat Clock

 

Word clock

 

A futuristic (Tron-style) ring clock

 

CSS Rotary Clock

 

Percent Clock

 

Flat Clock and Date

 

CSS-Only Countdown Clock

 

CSS Clock

 

Flip Clock

 

Falling Hours

 

Long Shadow Clock

 

Morph clock

 

Calendar and Clock

 

Millisecond countdown clock

 

Neon Clock

 

SVG clock UI