40+ Awesome CSS Calendar Effects Collection (Projects and Codes) in 2025

CSS Winter Animation Calendar

A calendar with beautiful subtle animation made in CSS featuring a beautiful night in the mountains with moon and twinkling stars in the clear sky.

datera

Datera.js is a versatile library for date input and selection, providing flexible configuration options like initial selected dates, year ranges, disabled/enabled dates, start day of the week, and themes for styling.

CSS Grid Advent Calendar

Flat CSS Calendar

Minimal Vanilla JavaScript Calendar Component

vanilla-js-calendar

:calendar: A vanilla JavaScript calendar.

jquery-bs-calendar

bsCalendar is a jQuery plugin to create flexible, customizable, multilingual, and fully-featured event calendars using Bootstrap 5 framework and Font Awesome 6 iconic font.

iCalendar

Simple iPhone styled Vanilla JavaScript Calendar Library

timetable.js

Vanilla javascript plugin for building nice responsive timetables

salsa-calendar

Pure Javascript Calendar

pureJSCalendar

Simple and clean JS Calendar solution for those who need to get rid of third-party libraries like JQuery. Easily localizable calendar with allowed date spread and with the first day of the week selection.

dropdown-calender

JavaScript library to create HTML dropdown select option for Dates, Months and Years

jsCalendar

jsCalendar is a standalone JavaScript library that helps you create customizable inline calendars on the webpage page.

niceDatePicker

Nice DatePicker with support for date ranges and no jquery dependency, easy styling and more.

tiny-picker

TinyPicker is a tiny yet customizable date picker library that makes it easier to select date ranges from a minimal clean calendar popup. With no 3rd dependencies like jQuery, moment.js, etc.

datepickk

Datepickk.js is a JavaScript library which allows you select a date or date range from a date picker popup or inline calendar, with support for custom events.

md-date-time-picker

An implementation of Material Design Picker components in vanilla CSS, JS, and HTML

pure-javascript-calendar-component

a simple javascript calendar class

rolyart-calendar

A vanilla JavaScript (ES6) library to render a basic, clean, inline, multi-language calendar component on the web app.

js-calendar

Calendar UI Design with Dark Mode and Animation Using HTML CSS JavaScript

js-datepicker

A lightweight and pure javascript and css datepicker

caleandar

Caleandar.js is a simple JavaScript library used for generating a themeable inline calendar on the webpage that supports custom events defined in the JavaScript.

calendarize

Vanilla Javascript Plugin to Create Calendars

foopicker

JavaScript date picker plugin

DateTimePickerComponent

DateTimePickerComponent is a very lightweight and dependency-free web component written in pure JavaScript

bulma-calendar

A responsive, customizable, and feature-rich Date & Time picker component for Bulma framework.

calendarHTML-Javascript

Simple Calendar built with Pure JavaScript (No Libraries) http://iamnitinpatel.com/projects/calendar/

DatePickerX

DatePickerX is a lightweight, native JavaScript based date picker that enables the visitor to select dates, months, and years in a nice clean calendar view.

calendar-base

Base methods for generating calendars using JavaScript.

contributions-calendar

Contributions Calendar is a vanilla javascript web component implementation of contributions calendar

CalendarPickerJS

A minimalistic and modern date-picker component/library Written in Vanilla JS