AddToCalender
A responsive, fully customizable button that lets users add events to their calendar with a single click. Automatically handles Google Calendar links and .ics downloads.
Make it with Workshop
Build your own component with AI
✨ Features
✅ Cross-Platform Calendar Support
Opens Google Calendar for most devices
Downloads .ics file for Apple/macOS/iOS users
🎯 CMS-Compatible
All fields (event name, description, location, etc.) can be connected to CMS collections
🎨 Customizable Appearance
Background color and text color
Full padding control (top, right, bottom, left)
Adjustable border radius
🖼️ Custom SVG Icon Support
Paste your own inline <svg>...</svg> markup
Adjustable icon size
Appears to the left of the button label
🖱️ Mild Hover Animation
Slight upward shift
Subtle opacity change
🛠️ Responsive and Fit-Content Width
Adapts to content
Great for inline layouts
