Open Web Calendar

The Open Web Calendar uses ICS/ICal calendars online and displays them in one calendar.

To merge several calendars, please input the the URLs of the ICS calendars here:

To embed the calendar, use this code on your website:

                    You can view the resulting calendar below.

You can make additional customizations of the calendar.


To change the title, please input the name of the calendar here:


You can set the language of the calendar.


You can select different skins for the calendar.

Events may have locations and URLs. If you embed the calendar into a website, you can choose where the clicked link opens the page.

Custom Style with CSS

You can change the color of your calendar and many more properties using CSS. Your customization has priority over the Skin you choose. Below, you can choose from a few customizations we prepared for you.

You can specify your own CSS properties if you like.

Loading Animation

In some cases, the server takes quite a time to load the calendar. In case the server uses a free plan on Heroku, the server needs to start first.

Month, Week, Day and Agenda View

The Month view is the default. However, you can choose to show a different view in the beginning. Choose one:

It might be that you do not want to show all controls for the users to see. Choose here which controls you would like to display:

Hosting the Specification

The calendar can be generated not only using the url but also through a JSON or YAML specification which resides in a file. The customization from above generates this specification:

                    You can download this specification
                    and place it somewhere on the web.
                    This way you are still in control over the customization
                    of the calendar after you shared the link, e.g. on GitHub
                    in a Gist.
                    Once you have placed the specification somewhere online,
                    you can create a link like this one