Skip to content
IndexDesign corpus
Component LibrariesIntegration & Data Components
Component LibrariesComponent LibraryFreeWeb Components

Add to Calendar Button

Free web component that adds events to users' calendars, with a Pro version

Visit resourceRepository
Aboutadd-to-calendar-button.com

Add to Calendar Button is a free, configurable button that saves events to users' calendars, such as Google, Apple, and Outlook. The site has an interactive demo, installation guides, configuration options, and examples. A Pro version adds hosted features, and the code is open source.

For an agent

Use it for event pages and booking confirmations. Style the button to match your design system.

Why it is here. It solves a fiddly cross-calendar problem with one component.

Install command, framework, licence and component list.
Components it ships1
Button
Notable for
  • Many calendar targets
  • Interactive demo
  • Open source
Provenance

Verified 2026-10-09. HTTP 200. https://add-to-calendar-button.com/ (HTTP 200, page fetched 2026-10-09), https://github.com/add2cal/add-to-calendar-button (GitHub API, 1488 stars), depo.zip listing https://www.depo.zip/tools/j578djsfk2vbgd9rf4p1kqkmc57t4d44

Related resourcesComponent Libraries