CLOCK

Really clean and asthetic looking clock.

Author

  • Joe

Made with

  • HTML / CSS (SCSS) / JavaScript

MINIMALIST CLOCK

Minimalist clock, pure CSS with current time.

Author

  • Kyle Wetton

Made with

  • HTML / CSS (SCSS) / JavaScript

ORANGE CLOCK

So two coworkers of me talked the whole day about oranges. Later they saw a clock on a website and said to me “i bet you cant do this” so i made a orange clock for them.

Author

  • creme

Made with

  • HTML / CSS (SCSS) / JavaScript

3D CLOCK

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

Author

  • Cassidy Williams

Made with

  • HTML / CSS (Less) / JavaScript

CSS WATCH ANIMATION

Pure HTML and CSS watch animation. Based on dribbble shot “Swiss Watch Face Design with Artificial Intelligence by Gleb”..

Author

  • Grzegorz Witczak

Made with

  • HTML / CSS (Stylus)

CSS CLOCK

Pure CSS clock design.

Author

  • Nils Rasmusson

Made with

  • HTML / CSS (PostCSS)

JS AND CSS CLOCK

JS and CSS clock with sound.

Author

  • Ahmad Emran

Made with

  • HTML / CSS / JavaScript

TYPOGRAPHIC CLOCK

Very cool typographic clock.

Author

  • Peter Norton

Made with

  • HTML/Pug
  • CSS/Sass
  • JavaScript

CLOCK

Very nice clock in HTML, CSS and JavaScript.

Author

  • Jacob Foster

Made with

  • HTML/Pug
  • CSS/SCSS
  • JavaScript/Babel

WALL CLOCK

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

Author

  • Felix De Montis

Made with

  • HTML
  • CSS
  • JavaScript

DIGITAL CLOCK

Digital clock with Vue.js.

Author

  • Toshiyuki TAKAHASHI

Made with

  • HTML
  • CSS/SCSS
  • JavaScript/Babel (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.

Author

  • Sarah Drasner

Made with

  • HTML
  • CSS/SCSS
  • JavaScript/Babel (TweenMax.js, Vue.js)

ANALOG DIGITAL CLOCK

Analog/Digital clock with HTML, CSS and JS.

Author

  • Vineeth.TR

Made with

  • HTML/Pug
  • CSS/SCSS
  • JavaScript (jQuery.js)

SLIDE CLOCK

HTML and CSS slide clock with little JS.

Author

  • Jacob Foster

Made with

  • HTML
  • CSS
  • JavaScript

CANVASCLOCK

Clock with HTML5 canvas and CSS3.

Author

  • GaneshKumarM

Made with

  • HTML
  • CSS
  • JavaScript

JS + CSS CLOCK

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

Author

  • Katherine Kato

Made with

  • HTML
  • CSS
  • JavaScript

CLOCKS

Clocks with three different time-zones.

Author

  • Jonathan Masiello

Made with

  • HTML/Pug
  • CSS/Sass
  • JavaScript/Babel

Digital Clock 3D

An original quick pen of a 3D digital clock concept with RxJS and CSS variables for #3December.

Author

  • David Khourshid

Made with

  • Html / CSS / Javascript
Demo and Download

CSS CLOCK

Realistic minimal HTML and CSS clock.

Author

  • Nathan Taylo

Made with

  • HTML (Pug) / CSS (SCSS)

ANALOG CLOCK

Simple analog clock with HTML/CSS/JS.

Author

  • Vasko Petrov

Made with

  • HTML
  • CSS
  • JavaScript

CSS VARIABLE-POWERED CLOCK

Design based off: https://dribbble.com/shots/2271565-Day-095-Time-is-Money

Author

  • Emily Hayman

Made with

  • HTML
  • CSS/SCSS
  • JavaScript

Clock

A sweet little clock.

Author

  • Jack Oliver

Made with

  • Html / CSS
Demo and Download

Clock

HTLM, CSS and JavaScript clock.

Author

  • Hugh Dai

Made with

  • Html / CSS /Javascript
Demo and Download

Sweet Analog Clock

Simulation of simple analog clock in HTML with audio.

Author

  • Monkey Raptor

Made with

  • Html / CSS
Demo and Download

Animated Clock

HTML, CSS and JavaScript animated clock.

Author

  • Ophelia Fournier-Laflamme

Made with

  • Html / CSS / JavaScript
Demo and Download

Rotating Clock

Click the CLOCK to change the style.

Author

  • Vicio Bonura

Made with

  • Html / CSS /Javascript
Demo and Download

Canvas Clock

A clock made whith canvas Javascript.

Author

  • Marco Antonio Aguilar Acuña

Made with

  • Html / CSS / Javascript
Demo and Download

Cube Clock

Cube clock in HTML, CSS and JavaScript.

Author

  • Stix

Made with

  • Html / CSS /Javascript
Demo and Download

Analog Clock

A simple clock made with JS and CSS.

Author

  • Nail Davlyatchin

Made with

  • CSS /Javascript
Demo and Download

Pie Time

Canvas pie chart clock with second, minute & hour progression.

Author

  • Tiffany Rayside

Made with

  • Html / CSS /Javascript
Demo and Download

Clock

A recreation of a dribbble shot designed by Zaib Ali.

Author

  • Fabian D

Made with

  • Html / CSS / Js
Demo and Download

ATC VINTAGE RADIO FLIP CLOCK

Inspired by this shot: https://dribbble.com/shots/2236793-Vintage-Flip-Clock

Author

  • Tiffany Stoik

Made with

  • HTML/Haml
  • CSS/SCSS
  • JavaScript

SVG Clock UI

SVG based clock UI design. Animated with GSAP.

Author

  • Icebob

Made with

  • Html / CSS /JS
Demo and Download

Clock Snap

Clock snap with HTML, CSS and JavaScript.

Author

  • Rodny Lobos

Made with

  • Html / CSS / Javascript
Demo and Download

Clock 3D

Hacked from 3D Java Clock V1.12 by Bennet Uk.

Author

  • Gerard Ferrandez

Made with

  • Html / CSS / Javascript
Demo and Download

Pure HTML And CSS Braun Clock

Braun clock created in pure HTML and CSS for fun. Best rendered in Google Chrome. Still working out small visual bugs.

Author

  • Chris Ota

Made with

  • Html / CSS
Demo and Download

Apple Watch Clock

This clock works with simple CSS animation. The JS is only used to catch the current time, and place the needles, the CSS does the rest.

Author

  • Malik Dellidj

Made with

  • Html / CSS / Javascript
Demo and Download

Flip Clock with CSS / Javascript

Simple flip clock that displays the current time with some basic CSS3 transitions.

Author

  • Paul Noble

Made with

  • Html / CSS
Demo and Download

Glitch Clock

Glitch clock with HTML, CSS and JavaScript.

Author

  • Constantine

Made with

  • Html / CSS / Javascript
Demo and Download

DIGITAL CLOCK

Digital clock switch from white to black theme.

Author

  • Bubba Smith

Made with

  • HTML
  • CSS
  • JavaScript (jQuery.js)

Two Timer

Experiment inspired by Industrial Facility (http://goo.gl/zw7aEg). Moment.js was used for the clock.

Author

  • Denis

Made with

  • Html / CSS / Javascript
Demo and Download