35+ CSS Calendars

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

Calendar

Author: B8bop
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: September 5, 2013

Event Calendar Widget

Event Calendar Widget

Author: Paul Navasard
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: February 16, 2014

flat css Calendar

flat css Calendar

Author: creme
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: January 7, 2015

CSS-only Colorful Calendar Concept

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

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

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

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

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

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

Parallax flipping calendar

Author: Andreas Pihl Jrgensen
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: March 19, 2017

Calendar

Calendar

Author: Davide Francesco Merico
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: May 11, 2017

Daily CSS Images | 09 | Calendar

Daily CSS Images | 09 | Calendar

Author: Alex Cramer
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: June 8, 2017

Duotone calendar

Duotone calendar

Author: yumeeeei
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: August 6, 2017

Light & Dark Calendar

Light & Dark Calendar

Author: BradleyPJ
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: April 22, 2018

Calendar mobile app UI

Calendar mobile app UI

Author: Eliza Rajbhandari
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: December 10, 2018

Calendar

Calendar

Author: Mark Eriksson
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: June 3, 2020

Datepicker

Datepicker

Author: Håvard Brynjulfsen
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: January 16, 2021

Weekly Challenge

Weekly Challenge

Author: Josiah Thomas
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: February 14, 2022

CPC | Days

CPC | Days

Author: Pepita K
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: February 17, 2022

Winter Animation Calendar

Winter Animation Calendar

Author: Shraddha
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: October 19, 2022

Days

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]

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

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

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

Calendar Plan - Tasks Events App

Author: Ahmed Nasr
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: May 25, 2018

Simple Calendar

Simple Calendar

Author: BrainUP
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: October 25, 2017

Fluent Design: Calendar

Fluent Design: Calendar

Author: Antoinette Janus
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: June 12, 2017

Windows Fluent Design Calendar

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

Daily CSS Image 09: Calendar

Author: Jocelyn
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: April 11, 2017

Calendar

Calendar

Author: Benjamin
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: March 31, 2017

Infinite Calendar

Infinite Calendar

Author: Tadaima
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: January 31, 2017

Circular Calendar Display

Circular Calendar Display

Author: Matthew Juggins
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: September 25, 2016

Calendar in ReactJs

Calendar in ReactJs

Author: Ricardo Barbosa
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: August 16, 2016

Calendar App

Calendar App

Author: Joey Lea
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: May 31, 2016

Calendar and Clock

Calendar and Clock

Author: mselmany
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: February 17, 2016

Calendar

Calendar

Author: Mark
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: November 8, 2015

Calendario

Calendario

Author: Romswell Roswell Parian Paucar
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: May 22, 2015

bootstrap compatable calendar

bootstrap compatable calendar

Author: Bill Barry
Made with: HTML / CSS / JS
Link: Source code/Demo
Create on: September 25, 2014

Share your love

Leave a Reply

Your email address will not be published. Required fields are marked *