🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Dribbble Recreation: Calendar Widget II

Based off of https://dribbble.com/shots/2209385-Calendar-Widget-ll-Freebie by Hanna Jung. Only dependency is GSAP because hand coding that exponential curve was starting to turn into a nightmare :(. The next step would be to push all the calendar dates & months into an array of objects on load, then push each new event to said date. Then, potentially leverage local storage. Eventually, add a name slot (for your name) and a location slot for your address. Finally, include a weather API to depict that actual weather, if that data is available (since most weather forecasts only go up to 16 days).

Calendar

Demo Tutorial

This awesome script developed by internette. Visit their official repository for more information and follow for future updates.

You May Also Like

Creating A Responsive Flat Event Calendar with jQuery Kalendar Plugin

Simple Animated jQuery Calendar Plugin with Bootstrap - SuperCal

Animated jQuery Event Calendar Plugin - Pretty Calendar

jQuery Plugin For Date Range Selector - Range Calendar

jQuery Plugin To Create A Modern Calendar - Sharp Calendar

jQuery Plugin To Add Custom Events To Online Calendar Apps - AddCalEvent

Simple jQuery Calendar and Schedule Plugin For Bootstrap - Bic Calendar

Github Like jQuery Data Visualization Plugin - Glance Year

jQuery Plugin To Display Google Calendar Feeds On Your Website

Creating An Upcoming Events App with jQuery and moment.js - Eventify

Easy Weekly Calendar Plugin For jQuery - easycal

Simple Clean jQuery Calendar & Date Picker Plugin

jQuery Yearly Calendar & Date Range Picker Plugin

Flexible and Multi-Language jQuery Calendar & Datepicker Plugin - Ion.Calendar

Create A Basic Weekly Schedule with Hour Selector Using jQuery

Basic Lightweight jQuery Calendar Plugin - Yacal

Simple Responsive Availability Calendar Plugin For jQuery

jQuery Google Calendar Event List Widget - gCalFlow

Create A Simple Event Calendar with jQuery - e-calendar

AJAX-enabled Event Calendar Plugin For jQuery - Bootstrap Calendar

Simple Year Calendar Plugin For jQuery and Bootstrap

Basic Schedule / Calendar Plugin With jQuery - Weekly Scheduler

Pretty Event Calendar & Datepicker Plugin For jQuery - Calendar.js

Easy Dynamic Event Calendar Plugin For jQuery - tempust

Dynamic Daily Event Calendar Plugin With jQuery - Layoutday

Simple jQuery Calendar and Date Picker Plugin - DCalendar

Pretty jQuery Date Picker & Monthly Calendar Plugin

Customizable Event Calendar Plugin For jQuery - Calendar.js

Basic Year Calendar Generator With jQuery - full-year-calendar.js

Minimalist Calendar Plugin For jQuery - Calendar.js

Basic Responsive Event Calendar Plugin - jQuery Equinox

Minimal Monthly Event Calendar Plugin For jQuery - pbcalendar

Calendario - Flexibel and Transparent Calendar Plugin

Minimal Event Calendar Plugin With jQuery - mini-event-calendar.js

Convenient Calendar & Date Picker Component - jQuery tui.date-picker

Beautiful Multifunctional Calendar Plugin For jQuery - PIGNOSE Calender

Simple Responsive Event Calendar Plugin For jQuery - jquery-calendar.js

Mobile-friendly Calendar and Schedule Plugin - jQuery Calendar.js

Basic Multilingual Calendar & Date Picker Plugin For jQuery

Ultra Simple Calendar With onClick Callback - jQuery jsRapCalendar

Responsive Calendar For Bootstrap 4 - calendarJS

Full Size and Drag & Drop Calendar Plugin - FullCalendar

jQuery Plugin To Display Google Calendar Feeds On Website

Dynamic Horizontal Calendar With Events - jQuery RESCalendar

Animated Event Calendar In jQuery - Simple Calendar

Minimal Clean Event Calendar Plugin For jQuery

Scrollable jQuery Week Picker And Calendar Plugin - scrollableCalendar

Pretty Bootstrap-style Datetime Picker Plugin - Perfect-DateTimePicker

Calendar Heatmap Plugin With jQuery And Moment.js - CalendarHeatmap

Persian (Jalali) Calendar & Data Picker Plugin With jQuery - kamaDatepicker

Fully Configurable jQuery Date Picker Plugin For Bootstrap

Table Based jQuery Calendar & Schedule Plugin - TimeSheet

Simple Calendar and Date Picker Plugin - PickMeUp

jQuery Plugin for World Calendars - calendars

Customizable Year Calendar Plugin For Bootstrap 4

Super Simple Event Calendar Plugin For jQuery - dnCalendar

Calendar + task list (vanilla js)

Simple Calendar

Responsive Bootstrap Calendar Grid

Forebruary inspired js calendar

Fictional Pancake

Full Screen Flat Calendar

Brighton Advent Calendar 2018

Calendar App Icon

#003 Daily UI Challenge | Shipp Calendar

CSS Grid Calendar

fullCalendar with custom agenda view

jQuery Plugins

AngularJs Plugins