25+ HTML Clock Designs For Modern Websites - csshint

1. Orange clock

Author

creme

Made with

HTML / CSS (SCSS) / JS

demo and code Get Hosting

2. CSS/HTML clock

Author

Nicole Sce

Made with

HTML / CSS

demo and code Get Hosting

3. Analog Digital clock

Author

Vineeth.TR

Made with

HTML (Pug) / CSS (SCSS) / JS

demo and code Get Hosting

4. React Morph Clock

Author

Siddharth Parmar

Made with

HTML / CSS (SCSS) / JS (Babel)

demo and code Get Hosting

5. Javascript Clock with Milliseconds

Author

Jason Lee Wilson

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/Aleksandrova/pen/EpvRbJ'>Clock</a> by Alina (<a href='https://codepen.io/Aleksandrova'>@Aleksandrova</a>) on <a href='https://codepen.io/'>CodePen</a>.

6. clock in html

Author

Alina

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/Maku2202/pen/MarRgK'>Canvas Clock</a> by Marco Antonio Aguilar Acuña (<a href='https://codepen.io/Maku2202'>@Maku2202</a>) on <a href='https://codepen.io/'>CodePen</a>.

7. html code for digital clock and date

Author

Marco Antonio Aguilar Acuña

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/stix/pen/mVXypr'>Cube Clock</a> by Stix (<a href='https://codepen.io/stix'>@stix</a>) on <a href='https://codepen.io/'>CodePen</a>.

8. Cube Clock

Author

Stix

Made with

HTML / CSS / JS

demo and code Get Hosting

9. Html clock code

Author

Sean Cotton

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/jakealbaugh/pen/ZYdYRO'>CSS Rotary Clock</a> by Jake Albaugh (<a href='https://codepen.io/jakealbaugh'>@jakealbaugh</a>) on <a href='https://codepen.io/'>CodePen</a>.

10. CSS Rotary Clock

Author

Jake Albaugh

Made with

HTML (Haml) / CSS (SCSS) / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/DawidKrajewski/pen/dPpMXN'>Rotate Clock [CSS Only]</a> by Dawid Krajewski (<a href='https://codepen.io/DawidKrajewski'>@DawidKrajewski</a>) on <a href='https://codepen.io/'>CodePen</a>.

11. Rotate Clock [CSS Only]

Author

Dawid Krajewski

Made with

HTML / CSS (SCSS)

demo and code Get Hosting

See the Pen <a href='https://codepen.io/davidkpiano/pen/Vmyyzd'>Digital Clock #3December</a> by David Khourshid (<a href='https://codepen.io/davidkpiano'>@davidkpiano</a>) on <a href='https://codepen.io/'>CodePen</a>.

12. digital clock in html

Author

David Khourshid

Made with

HTML / CSS (SCSS) / JS (Babel)

demo and code Get Hosting

See the Pen <a href='https://codepen.io/krunal5281/pen/xmPpLB'>Html Clock</a> by krunalsinh Vaghela (<a href='https://codepen.io/krunal5281'>@krunal5281</a>) on <a href='https://codepen.io/'>CodePen</a>.

13. clock in html

Author

krunalsinh Vaghela

Made with

HTML / CSS (SCSS) / JS

demo and code Get Hosting

14. clock with moment.js & jquery

Author

Gabriel

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/tmrDevelops/pen/VYKyge'>Pie Time</a> by Tiffany Rayside (<a href='https://codepen.io/tmrDevelops'>@tmrDevelops</a>) on <a href='https://codepen.io/'>CodePen</a>.

15. Pie Time

Author

Tiffany Rayside

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/icebob/pen/JYoQZg'>SVG clock UI</a> by Icebob (<a href='https://codepen.io/icebob'>@icebob</a>) on <a href='https://codepen.io/'>CodePen</a>.

16. SVG clock UI

Author

Icebob

Made with

HTML / CSS (SCSS) / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/tstoik/pen/gaawRR'>ATC Vintage Radio Flip Clock</a> by Tiffany Stoik (<a href='https://codepen.io/tstoik'>@tstoik</a>) on <a href='https://codepen.io/'>CodePen</a>.

17. ATC Vintage Radio Flip Clock

Author

Tiffany Stoik

Made with

HTML (Haml) / CSS (SCSS) / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/bsmith/pen/drElg'>Digital Clock</a> by Bubba Smith (<a href='https://codepen.io/bsmith'>@bsmith</a>) on <a href='https://codepen.io/'>CodePen</a>.

18. Digital Clock Html

Author

Bubba Smith

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/chrisota/pen/LERyjb'>Pure HTML and CSS Braun Clock</a> by Chris Ota (<a href='https://codepen.io/chrisota'>@chrisota</a>) on <a href='https://codepen.io/'>CodePen</a>.

19. Pure HTML and CSS Braun Clock

Author

Chris Ota

Made with

HTML (PUG) / CSS (SCSS) / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/dnaibaf/pen/rckKg'>Clock</a> by Fabian D (<a href='https://codepen.io/dnaibaf'>@dnaibaf</a>) on <a href='https://codepen.io/'>CodePen</a>.

20. clock html code

Author

Fabian D

Made with

HTML / CSS (SCSS) / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/monkeyraptor/pen/BKegab'>Sweet Analog Clock</a> by Monkey Raptor (<a href='https://codepen.io/monkeyraptor'>@monkeyraptor</a>) on <a href='https://codepen.io/'>CodePen</a>.

21. Sweet Analog Clock

Author

Monkey Raptor

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/gridchin/pen/vgjFb'>Two Timer</a> by Denis (<a href='https://codepen.io/gridchin'>@gridchin</a>) on <a href='https://codepen.io/'>CodePen</a>.

22. Two Timer

Author

Denis

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/fearOfCode/pen/FsGtu'>Glitch Clock</a> by Konstantin (<a href='https://codepen.io/fearOfCode'>@fearOfCode</a>) on <a href='https://codepen.io/'>CodePen</a>.

23. Glitch Clock

Author

Konstantin

Made with

HTML (PUG) / CSS (Stylus) / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/vaskopetrov/pen/yVEXjz'>Analog Clock</a> by Vasko Petrov (<a href='https://codepen.io/vaskopetrov'>@vaskopetrov</a>) on <a href='https://codepen.io/'>CodePen</a>.

24. Analog Clock

Author

Vasko Petrov

Made with

HTML / CSS / JS

demo and code Get Hosting

See the Pen <a href='https://codepen.io/studiojvla/pen/vXYpRN'>React DailyUI – 014 – Timer</a> by Jack Oliver (<a href='https://codepen.io/studiojvla'>@studiojvla</a>) on <a href='https://codepen.io/'>CodePen</a>.

25. React DailyUI Timer

Author

Jack Oliver

Made with

HTML / CSS (SCSS) / JS (Babel)

demo and code Get Hosting

1. Orange clock

Author

Made with

2. CSS/HTML clock

Author

Made with

3. Analog Digital clock

Author

Made with

4. React Morph Clock

Author

Made with

5. Javascript Clock with Milliseconds

Author

Made with

6. clock in html

Author

Made with

7. html code for digital clock and date

Author

Made with

8. Cube Clock

Author

Made with

9. Html clock code

Author

Made with

10. CSS Rotary Clock

Author

Made with

11. Rotate Clock [CSS Only]

Author

Made with

12. digital clock in html

Author

Made with

13. clock in html

Author

Made with

14. clock with moment.js & jquery

Author

Made with

15. Pie Time

Author

Made with

16. SVG clock UI

Author

Made with

17. ATC Vintage Radio Flip Clock

Author

Made with

18. Digital Clock Html

Author

Made with

19. Pure HTML and CSS Braun Clock

Author

Made with

20. clock html code

Author

Made with

21. Sweet Analog Clock

Author

Made with

22. Two Timer

Author

Made with

23. Glitch Clock

Author

Made with

24. Analog Clock

Author

Made with

25. React DailyUI Timer

Author

Made with

You may also like