Calendars are important in daily life. In the web, calendars are mostly used on booking and event websites. Calendars in booking website play a very important role. If the calendar is not that UX/UI friendly, users may not place their bookings with them. That’s how important calendars are on the web.
Dynamically generated calendar
Interactive calendar with dynamic dates. the calendar is generated using vanilla js and no need to load jQuery.
2 Collom simple and minimally designed calendar UI made with pure CSS.
Vanilla JS Calendar
Dark UI calendar designed using vanilla JS and CSS. Nice animation effects can be seen when changing months. Dynamic calendar generated using JS.
Simple Calendar with JSON events
Calendar UI created with vanilla JS and CSS. Supports JSON requests as well.
Vanilla JS calendar
Minimal design calendar with no use of JS. Simple CSS and fontAwesome has been used.
CSS grid calendar
Grid calendar with pure CSS and HTML. Best for project management and events.
Simple calendar design with pure CSS and HTML.
CSS-only Colorful Calendar
Click on the arrows (when enabled) and the highlighted date to see the effect.
You can also go back in your browser to navigate between scenes or click the left arrow in the schedule view. Works in all modern browsers.
On the left side the date with current events and on the left side the calendar with current day highlight.
Pure CSS Calendar
Pure CSS & HTML calendar with tables and minimal use of CSS.