Add-to-calendar button 😍

A simple and powerful add-to-calendar button for your website. Offer your users a quick and effortless way to add your events to their calendars.

The “Add to Calendar” button for events on websites and calendars is easy to install, language independent, time zone and DST compatible. It works perfectly in all modern browsers, tablets and mobile devices, and with Apple Calendar, Google Calendar, Outlook, Outlook.com, Office 365, and Yahoo Calendar.

White mode brush

We've added a lot of button styles below. See anything you like?
Hit the "Get the code" button, copy it, and easily install the button and style on your website.

Design:   Our beautiful standard button

Design:   Our beautiful standard button (slightly bigger)

Design:   Date banner

Design:   Inline icons

Design:   Inline options

Design:   Microsoft UI, blue button with arrow

Design:   Plain text

Design:   Single icons

Design:   Google UI themed button

Design:   Google UI themed button (outline)

Design:   Blue button (skewed)

Design:   Blue button (skewed, outlined)

Design:   Blue button (rounded, outlined)

Design:   Blue button (rounded)

Design:   Text with dotted underline

Design:   Text with yellow underline

Design:   Plain simple button, fixed width

Design:   Blue button with arrow effect

Dark mode brush

Dark theme is becoming popular. Below you'll find the same themes as above - in dark mode.
Hit the "Get the code" button, copy it, and easily install the button and style on your website.

Design:   Our beautiful standard button

Design:   Our beautiful standard button (slightly bigger)

Design:   Date banner

Design:   Inline icons

Design:   Inline options

Design:   Microsoft UI, blue button with arrow

Design:   Plain text

Design:   Single icons

Design:   Google UI themed button

Design:   Google UI themed button (outline)

Design:   Blue button (skewed)

Design:   Blue button (skewed, outlined)

Design:   Blue button (rounded, outlined)

Design:   Blue button (rounded)

Design:   Text with dotted underline

Design:   Text with yellow underline

Design:   Plain simple button, fixed width

Design:   Blue button with arrow effect