37 CSS Calendars - Theme Dipia

collection of dislodge HTML and CSS calendar code examples : dim-witted, responsive, consequence, etc. update of March 2019 collection. 6 new items .

Author

David Tappenden
December 22, 2020

Made with

HTML / CSS (SCSS)

About a code

CSS Grid Advent Calendar

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes

Reading: 37 CSS Calendars

Dependencies : –

Author

Olivia Ng
December 5, 2020

Made with

HTML (Pug) / CSS (SCSS)

About a code

CSS Grid: Advent Calendar

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –

Author

Tutul
July 4, 2020

Made with

HTML / CSS (SCSS)

About a code

Calendar UI

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
reactive : no
Dependencies : –

Author

Mark Eriksson
June 3, 2020

Made with

HTML / CSS (SCSS)

About a code

Calendar

compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : no
Dependencies : –

Author

mrnobody
November 18, 2018

Made with

HTML / CSS (SCSS)

About the code

CSS Calendar UI Design

HTML calendar UI design with CSS Grid .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : –

Author

Eliza Rajbhandari
December 10, 2018

Made with

HTML / CSS (SCSS)

About the code

Calendar Mobile App UI

Calendar mobile app UI in HTML and CSS .
compatible browsers : Chrome, Edge, Firefox, Opera, Safari
responsive : yes
Dependencies : ionicons.css

Author

Ahmed Nasr
May 25, 2018

Made with

HTML / CSS (SCSS)

About the code

Calendar Plan – Tasks Events App

Based on and inspired from dribbble shoot Calendar Plan – Tasks Events App # Freebies .

Author

BradleyPJ
April 22, 2018

Made with

HTML / CSS (SCSS)

About the code

Light & Dark Calendar

hera is a light and dark translation of a calendar planner page .

Author

jpag
October 25, 2017

Made with

HTML
CSS/LESS
JavaScript (jQuery.js)

About the code

Simple Calendar

Clean and modern simpleton calendar.

Author

yumeeeei
August 6, 2017

Made with

HTML
CSS/Stylus
JavaScript (jQuery.js)

About the code

Duotone Calendar

Duotone picture with SVG filter .

Author

Antoinette Janus
June 12, 2017

Made with

HTML (Pug) / CSS (SCSS) / JavaScript

About the code

Fluent Design: Calendar

Based on the depth video concept from Microsoft ‘s Fluent Design .

Author

Alex Cramer
June 8, 2017

Made with

HTML
CSS

About the code

Calendar UI

calendar with events in HTML and CSS .

Author

Jamie
May 31, 2017

Made with

HTML
CSS
JavaScript

About the code

Calendar Mockup

CSS only calendar mockup .

Author

Tom
May 15, 2017

Made with

HTML
CSS

About the code

Windows Fluent Design Calendar

Inspired by the preview of the Microsoft Fluent Design System calendar. I thought it looked really pretty so I made it for the web.

Author

Davide Francesco Merico
May 11, 2017

Made with

HTML/Pug
CSS/SCSS

About the code

Calendar UI

monthly calendar UI in HTML and CSS .

Author

Jocelyn
April 11, 2017

Made with

HTML
CSS/SCSS
JavaScript

About the code

Calendar

Simple calendar cards .

Author

Andreas Pihl Jrgensen
March 19, 2017

Made with

HTML
CSS
JavaScript (jQuery.js)

About the code

Parallax Flipping Calendar

Flipping calendar with HTML, CSS and little JS .

Demo Image: Calendar

Calendar

A calendar that tells you how many events happened on a especial date.
Made by Benjamin
March 31, 2017

Demo Image: It’s A Calendar Sort Of Thing

It’s A Calendar Sort Of Thing

calendar with decent animations & interactions.
Made by Jack Thomson
March 19, 2017

Demo Image: Infinite Calendar

Infinite Calendar

A liquid & ‘light-weight ‘ calendar. There ‘s no libraries in this exercise, it ‘s actually handmade.
Made by Tadaima
January 31, 2017

Demo Image: Calendar

Calendar

calendar with HTML, CSS and JS.
Made by Dali
October 18, 2016

Demo Image: Circular Calendar Display

Circular Calendar Display

A circular calendar and clock display, with and added weather and day by day natural process doodad mock-up.
Made by Matthew Juggins
September 25, 2016

Demo Image: React Date Range Picker

React Date Range Picker

Date picker in React, you can select a range of dates.
Made by Rob Vermeer
August 29, 2016

Demo Image: Calendar In ReactJs

Calendar In ReactJs

Calendar using ReactJs ( beginner degree ).
Made by Ricardo Barbosa
August 16, 2016

Demo Image: Date And Time Picker

Date And Time Picker

Date and fourth dimension picker directive.
Made by Jarom Vogel
June 10, 2016

Demo Image: Calendar App

Calendar App

This is a calendar application. It allows for browsing dates and selecting individual dates. You can schedule events on future days.
Made by Joey Lea
May 31, 2016

Demo Image: jQuery Datepicker Summer Vibe

jQuery Datepicker Summer Vibe

simple style of the jQuery UI datepicker.
Made by Håvard Brynjulfsen
May 13, 2016

Demo Image: Calendar And Clock

Calendar And Clock

Calendar and clock with HTML, CSS and JavaScript.
Made by mselmany
February 17, 2016

Demo Image: CSS-only Colorful Calendar Concept

CSS-only Colorful Calendar Concept

Click on the arrows ( when enabled ) and the foreground date to see the consequence. You can besides go bet on in your browser to navigate between scenes, or click the forget arrow in the agenda opinion. Works in all advanced browsers.
Made by David Khourshid
November 9, 2015

Demo Image: Calendar