30+ Open-source Free-to-use Calendar Libraries for React, Vue, jQuery and Plain JavaScript

A JavaScript calendar library is a tool that allows developers to create interactive calendars on websites using JavaScript. These libraries provide pre-built functions and styles for creating a calendar that can be customized to match the website's design and requirements.

There are several JavaScript calendar libraries available, including FullCalendar, DayPilot, and DHTMLX. Each library has its own set of features and benefits, so it is important to evaluate each one to determine which best suits your needs.

When choosing a JavaScript calendar library, consider factors such as ease of use, customization options, support for different devices, and compatibility with different frameworks and platforms. With the right library, creating a functional and visually appealing calendar for your website can be a breeze.

In this list we offer you the best open-source free-to-use calendar libraries for vanilla JavaScript, React, Vue and jQuery frameworks.

React Calendar Library

React Calendar: An open-source React library to build responsive calendar for React apps. It supports TypeScript by default, and allows users to pick days, months, years, date range, supports multiple languages and more.
Custom Date picker: ReactJS based Custom Date picker component to select date. It works smoothly in all modern browsers. (MIT).
React-big-calendar: An events calendar component built for React and made for modern browsers (read: not IE) and uses flexbox over the classic tables-caption approach.
React GitHub Calendar: A React component to display a GitHub contributions graph based on react-activity-calendar.
Rc-calendar: React library for building keyboard-first responsive calendar. It supports custom dates, date range, and comes with a responsive design.
FullCalendar React Component: The official React Component for FullCalendar.
@natscale/react-calendar: A no dependencies, lightweight and feature-rich ⚡ calendar component for react.
Kalend - calendar component for React: This React calendar library supports multiple views, events, drag-and-drop and mobile views.
GitHub Contributions Calendar: A React component to display a GitHub contributions calendar
flatpickr: flatpickr is a lightweight and powerful datetime picker.
React Calendar Heatmap: A calendar heatmap component built on SVG, inspired by GitHub's commit calendar graph. The component expands to the size of the container and is super configurable.
React Dates: An easily internationalized, mobile-friendly date picker library for the web.
Schedulely: CSS-grid based React calendar with a focus on extensibility and small package size
React Modern Calendar Datepicker: A modern, beautiful, customizable date picker for React

Vue Calendar Libraries

V-Calendar: An elegant calendar and date picker plugin for Vue.
Calendar: Event calendar and date picker for Vue 3.
Vue Functional Calendar: Vue.js Functional Calendar | Component/Package
vue-cal: A Calendar library for Vue with no external dependency.
Vue Calendar: A calendar components for Vue.js.
Vue Calendar: Yet another Vue calendar
Vue Calendar Picker: A highly customizable calendar component for Vue.
Vue Calendar Heatmap: A lightweight calendar heatmap Vue.js component built on SVG, inspired by GitHub's contribution calendar graph. With vertical mode, tooltip powered by v-tooltip.

jQuery Calendar Libraries

jQuery Calendar: A responsive jQuery calendar scheduler built with bootstrap and moment.js
jQuery sCalendar: This plugin helps you to select the multiple dates using ctrl, shift keys and also using drag.
Zabuto Calendar: The Zabuto Calendar jQuery Plugin lets you add a simple month calendar to your web page. It's lightweight, efficient, and easy to use.
GC-Calendar: Welcome to GEPCODE Calendar! This is a calendar library for the web.
Calendario: A jQuery calendar plugin for creating flexible calendars.
jQuery Mini Event Calendar:A mini calendar with events JQuery plugin.

Dependency-free Calendar Libraries

Tiny Date Picker: A light-weight date picker with zero dependencies.
JSCalendar: The lightest JavaScript calendar out there, without any dependency.
Air Datepicker: Lightweight, dependency-free, fast, customizable date picker written in pure JavaScript. Works in all modern browsers which supports native CSS variables.
MCDatepicker: Framework-agnostic, highly-customizable Vanilla JavaScript date picker with zero dependencies.
Calendar: Develop with native JavaScript, doesn't rely on any frameworks and libraries. It has an easy developer-friendly API.

Tags

JavaScript List Open-source Library Frameworks React Vue Web-based web development Developer Tools development mobile development jQuery

IDURAR is a Self-hosted Free No-code Solution for Streamlining Business Processes To Build ERP and CRM Systems

IDURAR ERP/CRM is a powerful and robust software solution that seamlessly integrates Enterprise Resource Planning (ERP) and Customer Relationship Management (CRM) functionalities. It is specifically designed to streamline business processes, efficiently manage customer interactions, and significantly enhance overall productivity and efficiency. The comprehensive range of modules and features offered

18 Free Next.js Portfolio Templates to Build a Rich Portfolio Website

Next.js is an incredibly popular framework for building React applications. It offers a robust and efficient development experience with its server-side rendering, automatic code splitting, and route pre-fetching capabilities. Next.js portfolio starter templates are pre-built templates that provide a starting point for creating a portfolio website using Next.

"audapolis": The Revolutionary Editor Empowering Spoken-Word Media Editing

"audapolis" is an incredibly advanced and feature-rich editor designed for editing spoken-word media. It offers a user-friendly wordprocessor-like experience, ensuring that users can easily and conveniently edit their spoken-word content. With its automatic transcription feature, users can save valuable time and effort by having their audio files transcribed automatically. Moreover,

25 Astro Template Starters for Blogs, Landing Pages, Websites, and More

What is Astro? Astro is a cutting-edge and innovative static site builder and framework that empowers developers with the ability to effortlessly create highly performant and optimized websites. By seamlessly combining the best of static and dynamic technologies, Astro enables developers to take advantage of the benefits of both worlds.

10 Open-source Free Vue Template Starters

Vue is a progressive JavaScript framework used for building user interfaces. It allows developers to create interactive web applications by providing a structured approach to organizing and managing the application's data and components. Vue Template Starters are pre-configured project templates that provide a solid foundation for developing Vue applications. They

MoonMail, Your Self-hosted Bulk Email Marketing Tool for Professionals

What is MoonMail? MoonMail is a highly efficient and user-friendly email marketing platform that empowers businesses of all sizes to effortlessly send personalized and engaging emails to their valuable subscribers. With its advanced features and intuitive interface, MoonMail enables businesses to create and deliver highly targeted email campaigns that resonate

Etro is an Open-source JavaScript Library for Editing Videos in the Browser

Etro is a powerful and versatile TypeScript framework that provides you with the tools to fully unleash your creativity when it comes to video editing. With Etro, you can do so much more than just simple video editing. You have the ability to composite multiple layers, each with their own

15 Open-source Kanban JavaScript Projects and Libraries With React

Kanban is a visual tool for managing project tasks, workflows, and communication. It helps teams organize their work by providing a clear and visual representation of tasks and their progress. Some advantages of using Kanban include: 1. Visualization: Kanban boards provide a visual representation of tasks, allowing team members to

Highlight.io is an open-source Fullstack Monitoring Platform

highlight.io is a modern and fully-featured monitoring tool for developers. It offers session replay, error monitoring, and logging capabilities. With session replay, you can understand why bugs happen by replaying interactions, analyzing network requests, and console logs. Error monitoring helps you understand what bugs are happening through customizable error

12 Open-source API Testing Frameworks for REST-API and GraphQL

API testing frameworks are tools or libraries that provide a structured approach to testing Application Programming Interfaces (APIs). They offer a set of functions, methods, and utilities to automate the process of API testing. Purpose of API Testing Frameworks API testing frameworks are used to: * Automate the testing of APIs

React Calendar Library

Vue Calendar Libraries

jQuery Calendar Libraries

Dependency-free Calendar Libraries

Read More

Related Articles in JavaScript