🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Calendario: A Flexible jQuery Calendar Plugin

Calendario: A Flexible jQuery Calendar Plugin

Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.

Calendar Plugins Responsive
Demo Tutorial

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

A Pen by chris

Forebruary inspired js calendar

Dice Calendar

Fictional Pancake

Full Screen Flat Calendar

Brighton Advent Calendar 2018

Calendar App Icon

#003 Daily UI Challenge | Shipp Calendar

Event calendar

CSS Grid Calendar

fullCalendar with custom agenda view

jQuery Plugins

AngularJs Plugins