🔔 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

See the Pen by internette (@internette) on CodePen.

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