CSS Calendars: Looking for CSS Calendars? In this post, I’ll share with you some hand-picked Popular CSS Calendars, you can use in your next web-based projects. They’re easy to implement and will give your website or app a great look!
Calendar
| Author: | B8bop |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | September 5, 2013 |
Event Calendar Widget
| Author: | Paul Navasard |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | February 16, 2014 |
flat css Calendar
| Author: | creme |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | January 7, 2015 |
CSS-only Colorful Calendar Concept
| Author: | David Khourshid |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | November 9, 2015 |
jQuery Datepicker summer vibe
| Author: | Håvard Brynjulfsen |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | May 13, 2016 |
Date and Time Picker
| Author: | Jarom Vogel |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | June 10, 2016 |
React date range picker
| Author: | Rob Vermeer |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | August 29, 2016 |
Calendar – Daily UI #038
| Author: | Dali |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | October 18, 2016 |
It’s A Calendar Sort Of Thing
| Author: | Jack Thomson |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | March 19, 2017 |
Parallax flipping calendar
| Author: | Andreas Pihl Jrgensen |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | March 19, 2017 |
Calendar
| Author: | Davide Francesco Merico |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | May 11, 2017 |
Daily CSS Images | 09 | Calendar
| Author: | Alex Cramer |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | June 8, 2017 |
Duotone calendar
| Author: | yumeeeei |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | August 6, 2017 |
Light & Dark Calendar
| Author: | BradleyPJ |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | April 22, 2018 |
Calendar mobile app UI
| Author: | Eliza Rajbhandari |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | December 10, 2018 |
Calendar
| Author: | Mark Eriksson |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | June 3, 2020 |
Datepicker
| Author: | Håvard Brynjulfsen |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | January 16, 2021 |
Weekly Challenge
| Author: | Josiah Thomas |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | February 14, 2022 |
CPC | Days
| Author: | Pepita K |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | February 17, 2022 |
Winter Animation Calendar
| Author: | Shraddha |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | October 19, 2022 |
Days
| Author: | Cătălin George Feștilă |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | February 15, 2022 |
CSS-Only Calendar Layout [CSS Grid]
| Author: | Una Kravets |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | March 15, 2021 |
Loop 2 – Step 6
| Author: | Tutul |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | July 4, 2020 |
Calendar UI Design With CSS Grid | Pure Html CSS UI Design
| Author: | mrnobody |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | November 18, 2018 |
Calendar Plan – Tasks Events App
| Author: | Ahmed Nasr |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | May 25, 2018 |
Simple Calendar
| Author: | BrainUP |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | October 25, 2017 |
Fluent Design: Calendar
| Author: | Antoinette Janus |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | June 12, 2017 |
Windows Fluent Design Calendar
| Author: | Tom |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | May 15, 2017 |
Daily CSS Image 09: Calendar
| Author: | Jocelyn |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | April 11, 2017 |
Calendar
| Author: | Benjamin |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | March 31, 2017 |
Infinite Calendar
| Author: | Tadaima |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | January 31, 2017 |
Circular Calendar Display
| Author: | Matthew Juggins |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | September 25, 2016 |
Calendar in ReactJs
| Author: | Ricardo Barbosa |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | August 16, 2016 |
Calendar App
| Author: | Joey Lea |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | May 31, 2016 |
Calendar and Clock
| Author: | mselmany |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | February 17, 2016 |
Calendar
| Author: | Mark |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | November 8, 2015 |
Calendario
| Author: | Romswell Roswell Parian Paucar |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | May 22, 2015 |
bootstrap compatable calendar
| Author: | Bill Barry |
| Made with: | HTML / CSS / JS |
| Link: | Source code/Demo |
| Create on: | September 25, 2014 |
