Embed Your Calendar

Add a live, browsable calendar to any webpage. One script tag — no framework, no API key.

iCal Feed URL

Need a public URL? How to get one

Views to Show

Default View

Accent Color

Appearance

Background color

#ffffff

Compact layout

Timezone

Language

Week starts on

Time format

Content

Show upcoming events only

Hide calendar header

Filter by keyword

Shows only events matching this word in title or category

Custom calendar title

PreviewPaste a URL and click Preview

Preview will appear here

Embed Code

<div
  data-ics-url="YOUR_ICAL_FEED_URL"
  data-views="month,week,agenda"
  data-view="month"
  data-color="7c3aed"
  data-radius="8"
></div>
<script src="https://icsviewer.com/widget.js" async></script>

Script: https://icsviewer.com/widget.js