Add2Calendar is a pure javascript user-friendly interface element that allows users to easily save important dates and events to their personal calendars.


What does Add2Calendar do

It simplifies the process of scheduling and ensures that important dates are not forgotten.

This plugin integrates seamlessly with popular calendar platforms such as Google Calendar, Outlook, and Apple Calendar. With a simple click of the button, users can quickly and easily add the event details to their chosen calendar, ensuring they never miss an important date or event.

How to use Add2Calendar

Installing and using Add2Calendar on your web app is extremely easy.


First of all, include the library on the <head> of your webpage

<!-- Add2Calendar lib -->
<script src="add-to-calendar.js"></script>

Then initialize Add2Calendar on a selector

<a id="myButton">Add to calendar</a>

<!-- init Add2Calendar -->
<script>new atc(document.querySelector('#myButton'));</script>

That's it! Read the full documentation to find out how to use the most of all of Add2Calendar's features.

Read the documentation

What features does Add2Calendar include

It's fully customizable and integrates seamlessly with your website design, see how!

  • Easy integration with websites and apps

    This Add to Calendar plugin is designed to be easily integrated into any website or app.

  • Multiple calendar support

    This Add to Calendar plugin supports a wide range of popular calendar applications, including Google Calendar, Apple Calendar, Outlook, and more. This means that your users can easily add your event to the calendar application of their choice, ensuring maximum accessibility and convenience.

  • Customizable design

    This Add to Calendar plugin is fully customizable, allowing you to choose the colors, fonts, and styles that best match your brand.

  • Automatic time zone detection

    This Add to Calendar plugin automatically detects the time zone of the user, ensuring that the event is added to their calendar in the correct time zone. This eliminates the need for manual time zone adjustment and ensures that your users will always be on time for your event.

  • Detailed event information

    This Add to Calendar plugin allows you to provide detailed event information, including the event title, location, start and end times, and any additional notes or instructions. This ensures that your users will have all the information they need to successfully attend your event.

How to get Add2Calendar

Get Add2Calendar now,
it's free!

Download it now


See also