50+ New CSS Calendar Code Examples
Take your web development skills to the next level by creating interactive and user-friendly CSS calendars.
1. Calendar Days DaysCSS by Ron Pelt
Author: Ron Pelt
Links: Source Code / Demo
Made with: HTML CSS
2. Calendar by B8bop
Author: B8bop
Links: Source Code / Demo
Made with: HTML CSS
3. Datepicker by Håvard Brynjulfsen
Author: Håvard Brynjulfsen
Links: Source Code / Demo
Made with: HTML CSS
4. Calendar UI by Davide Francesco Merico
Author: Davide Francesco Merico
Links: Source Code / Demo
Made with: HTML CSS
5. Fluent Design: Calendar by Antoinette Janus
Author: Antoinette Janus
Links: Source Code / Demo
Made with: HTML CSS
6. Calendar UI by Tutul
Author: Tutul
Links: Source Code / Demo
Made with: HTML CSS
7. Calendar App by Joey Lea
Author: Joey Lea
Links: Source Code / Demo
Made with: HTML CSS
8. Circular Calendar Display by Matthew Juggins
Author: Matthew Juggins
Links: Source Code / Demo
Made with: HTML CSS
9. Calendar by Miro Karilahti
Author: Miro Karilahti
Links: Source Code / Demo
Made with: HTML CSS
10. Date And Time Picker by Jarom Vogel
Author: Jarom Vogel
Links: Source Code / Demo
Made with: HTML CSS
11. Haml Calendar by Katy DeCorah
Author: Katy DeCorah
Links: Source Code / Demo
Made with: HTML CSS
12. Calendario by Romswell Roswell Parian Paucar
Author: Romswell Roswell Parian Paucar
Links: Source Code / Demo
Made with: HTML CSS
13. Windows Fluent Design Calendar by Tom
Author: Tom
Links: Source Code / Demo
Made with: HTML CSS
14. Duotone Calendar by yumeeeei
Author: yumeeeei
Links: Source Code / Demo
Made with: HTML CSS
15. Flexbox Responsive Calendar by Gabi
Author: Gabi
Links: Source Code / Demo
Made with: HTML CSS
16. Responsive Flexbox Calendar W/ Retina Images by Dudley Storey
Author: Dudley Storey
Links: Source Code / Demo
Made with: HTML CSS
17. CSS-Only Calendar Layout by Una Kravets
Author: Una Kravets
Links: Source Code / Demo
Made with: HTML CSS
18. Calendar Mock (CSS Only) by Jamie
Author: Jamie
Links: Source Code / Demo
Made with: HTML CSS
19. CSS Grid Calendar by Mert Cukuren
Author: Mert Cukuren
Links: Source Code / Demo
Made with: HTML CSS
20. Calendar Plan – Tasks Events App by Ahmed Nasr
Author: Ahmed Nasr
Links: Source Code / Demo
Made with: HTML CSS
21. Flexbox Responsive Calendar by Gabi
Author: Gabi
Links: Source Code / Demo
Made with: HTML CSS
22. Calendar In ReactJs by Ricardo Barbosa
Author: Ricardo Barbosa
Links: Source Code / Demo
Made with: HTML CSS
23. CSS Grid Calendar by Olivia Ng
Author: Olivia Ng
Links: Source Code / Demo
Made with: HTML CSS
24. React Date Range Picker by Rob Vermeer
Author: Rob Vermeer
Links: Source Code / Demo
Made with: HTML CSS
25. Event Calendar Widget by Paul Navasard
Author: Paul Navasard
Links: Source Code / Demo
Made with: HTML CSS
26. It’s A Calendar Sort Of Thing by Jack Thomson
Author: Jack Thomson
Links: Source Code / Demo
Made with: HTML CSS
27. CSS-only Colorful Calendar Concept by David Khourshid
Author: David Khourshid
Links: Source Code / Demo
Made with: HTML CSS
28. Calendar by Mark
Author: Mark
Links: Source Code / Demo
Made with: HTML CSS
29. Bootstrap Compatable Calendar by Bill Barry
Author: Bill Barry
Links: Source Code / Demo
Made with: HTML CSS
30. Tear Off Calendar by Nikita Hlopov
Author: Nikita Hlopov
Links: Source Code / Demo
Made with: HTML CSS
31. Calendar Widget by Ciprian Ionescu
Author: Ciprian Ionescu
Links: Source Code / Demo
Made with: HTML CSS
32. CSS Calendar UI Design by mrnobody
Author: mrnobody
Links: Source Code / Demo
Made with: HTML CSS
33. Interactive Calendar Prototype (HTML + CSS) by Kyle McCurley
Author: Kyle McCurley
Links: Source Code / Demo
Made with: HTML CSS
34. Calendar by Dali
Author: Dali
Links: Source Code / Demo
Made with: HTML CSS
35. Calendar Mockup by Dan Couper
Author: Dan Couper
Links: Source Code / Demo
Made with: HTML CSS
36. Blue, Orange, Yellow, And Red Calendar by Nikita Dubko
Author: Nikita Dubko
Links: Source Code / Demo
Made with: HTML CSS
37. jQuery Datepicker Summer Vibe by Håvard Brynjulfsen
Author: Håvard Brynjulfsen
Links: Source Code / Demo
Made with: HTML CSS
38. Days by Cătălin George Feștilă
Author: Cătălin George Feștilă
Links: Source Code / Demo
Made with: HTML CSS
39. CSS-only Colorful Calendar Concept by David Khourshid
Author: David Khourshid
Links: Source Code / Demo
Made with: HTML CSS
40. CSS Winter Animation Calendar by Shraddha
Author: Shraddha
Links: Source Code / Demo
Made with: HTML CSS
41. CSS-only Calendar App Concept by David Khourshid
Author: David Khourshid
Links: Source Code / Demo
Made with: HTML CSS
42. Calendar And Clock by mselmany
Author: mselmany
Links: Source Code / Demo
Made with: HTML CSS
43. Calendar UI by Alex Cramer
Author: Alex Cramer
Links: Source Code / Demo
Made with: HTML CSS
44. CSS 3D Calendar by Jahirul Islam Razu
Author: Jahirul Islam Razu
Links: Source Code / Demo
Made with: HTML CSS
45. Calendar by Mark Eriksson
Author: Mark Eriksson
Links: Source Code / Demo
Made with: HTML CSS
46. Calendar by Pepita K.
Author: Pepita K.
Links: Source Code / Demo
Made with: HTML CSS
47. CSS Grid Calendar by Adrià
Author: Adrià
Links: Source Code / Demo
Made with: HTML CSS
48. Infinite Calendar by Tadaima
Author: Tadaima
Links: Source Code / Demo
Made with: HTML CSS
49. Calendar by Xavi
Author: Xavi
Links: Source Code / Demo
Made with: HTML CSS
50. Calendar by Josiah Thomas
Author: Josiah Thomas
Links: Source Code / Demo
Made with: HTML CSS
51. Light & Dark Calendar by BradleyPJ
Author: BradleyPJ
Links: Source Code / Demo
Made with: HTML CSS
52. Parallax Flipping Calendar by Andreas Pihl Jrgensen
Author: Andreas Pihl Jrgensen
Links: Source Code / Demo
Made with: HTML CSS
53. Simple Calendar by jpag
Author: jpag
Links: Source Code / Demo
Made with: HTML CSS
54. Calendar by Jocelyn
Author: Jocelyn
Links: Source Code / Demo
Made with: HTML CSS
55. Calendar Mobile App UI by Eliza Rajbhandari
Author: Eliza Rajbhandari
Links: Source Code / Demo
Made with: HTML CSS
