50+ Best CSS Calendars - For Your Website (Free)

The calendar Jake Peralta will never have. Testing z-index with CSS Grid. This experiment is technically a fail as it's 8/10 UI, 3/10 UX, 0/10 Scalability, 0/10 it-makes-sense-to-do-it-this-way. thank u, next!

This is an implementation of the calendar app mock up tha I made. (Dribbble link: https://dribbble.com/shots/5465486-Calendar-UI)

Light & Dark Calendar https://dribbble.com/shots/4189522-Calendar-Light-Dark

Duotone image with SVG filter.

Inspired by the preview of the Microsoft Fluent Design System calendar. I thought it looked really pretty so I made it for the web. https://www.engadget.com/2017/05/11/microsofts-design-rules-push-windows-beyond-mere-rectangles/

Inspired by the preview of the Microsoft Fluent Design System calendar. I thought it looked really pretty so I made it for the web. https://www.engadget.com/2017/05/11/microsofts-design-rules-push-windows-beyond-mere-rectangles/

Inspired by the preview of the Microsoft Fluent Design System calendar. I thought it looked really pretty so I made it for the web. https://www.engadget.com/2017/05/11/microsofts-design-rules-push-windows-beyond-mere-rectangles/

Calendar with dynamic data.

Hey guys! Been a while since I last did a pen! Been super busy with work & working on a personal home automated project ;)! I hope you guys like this!

A liquid & 'light-weight' calendar. There's no libraries in this exercise, it's really hand-crafted. Check out our 'body-cut' effect :D Hope enjoy!

Very quick mockup of calendar.

A circular calendar and clock display, with and added weather and daily activity widget mock-ups.

Date picker in React, you can select a range of dates.

Calendar using ReactJs (beginner level), idea from @AJALACOMFORT modified by me

Date and time picker directive

This is a calendar application. It allows for browsing dates and selecting individual dates. You can schedule events on future days.

Simple styling of the jQuery UI Datepicker. Image credit to: https://dribbble.com/PatrykW

One month from the dynamic calendar for my site. Uses flexbox to arrange calendar dates and HiDPI images (with w descriptor) for article images; also uses a vanilla JavaScript version of my sequential image fade-in script. Complete explanatory article

A Flexible Calendar Plugin

incomplete; bootstrap calendar

A nice looking calendar with nice transistions.

Calendar I made for a little project.

Tear off calendar made with Vanilla Javascript.

Another Dribbble rework of an original shot by Sergey Valiukh. Chrome and Safari only, for now.

Simple calendar.

Here is a CSS 3D Calendar. The calendar works great on Firefox, Chrome and Safari. This downgrades gracefully for older browsers and IE.

Inspired from "Calendar Widget ll Freebie" by Hanna Jung http://hannajun.com Dribble here: https://dribbble.com/shots/2209385-Calendar-Widget-ll-Freebie Thanks for the great design work.

A coded up version of the calendar from this shot: https://dribbble.com/shots/11648900-Vuesax-Components-Vuejs-Framework

Credits to Jorge Mendes

Based on a Dribbble by Kirill and Ludmila Shevchenko. Made for #CodeVember.

David Khourshid and Stephen Shaw create a click & drag date picker to answer a viewer question about event tracking. Did David insist on a state machine? You'll have to watch & see 👀 ⏰ Streamed live on 2019 at https://twitch.tv/keyframers ❓Viewer Question: https://twitter.com/ScheuerCha...

Read More