7 Best Vue.js Calendar Components To Create Event Calendars On The App

A calendar is one of the most important components used to display tasks, schedules, appointments, meetings in an elegant way.

This is a hand-picked list of the 7 best Vue.js components to help create various calendars you might need in the next Vue.js project. Have fun.

Originally published Feb 18 2020, updated June 03 2021

1. Functional Calendar For Vue.js

Functional Calendar For Vue.js

Demo Download

Lightweight, high-performance calendar component based on Vue.js. Small memory usage, good performance, good style, and high scalability.


2. Small Event Calendar Component For Vue.js 2

Small Event Calendar Component For Vue.js 2

Demo Download

A simple and small event calendar component for Vue js. It is very lightweight and does not depend on external libraries apart from Vue2 obviously.


3. Simple Vue Component To Show Calendar With Events

Simple Vue Component To Show Calendar With Events

Demo Download

A simple Vue component to show a month-grid calendar with events.


4. Full Featured Calendar Component For Vue.js – kalendar

Full Featured Calendar Component For Vue.js – kalendar

Demo Download

A Vue.js component to create a full featured, responsive, lightweight calendar in the browser.


5. Vue2 Full Calendar Component

Vue2 Full Calendar Component

Demo Download

A full calendar base on Vue2 and dayjs. Supports month and week view.


6. Clean And Lightweight Calendar Plugin For Vue.js – V-Calendar

V-Calendar

Demo Download

A lightweight, dependency-free plugin for building attributed calendars in Vue.js.


7. Sweet Calendar Component For Vue.js

Sweet Calendar Component For Vue.js

Demo Download

A simple and sweet calendar component for Vue.js.


More Resources:

Looking for more JavaScript libraries and Vue.js components for modern web app design? Here are a few resources you might find useful:

You Might Be Interested In: