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 |