Overview

Add WebMCP calendar tools to an existing FullCalendar React app without replacing your backend, database, or calendar UI.

Expose FullCalendar workflows to WebMCP agents in an existing React app — without replacing your backend, database, or calendar UI.

View demo

npm install @protocoltooling/fullcalendar

pnpm add @protocoltooling/fullcalendar

yarn add @protocoltooling/fullcalendar

bun add @protocoltooling/fullcalendar

How it fits your app

You keep ownership of event persistence. The integration registers calendar tools in the browser and routes agent reads and writes through your existing operations:

useFullCalendarWebMCP({
  calendarRef,
  events: repository, // your list / get / create / update / delete
  onEventsChanged: refreshEvents,
});

Agent ⇄ WebMCP tools ⇄ your repository ⇄ your DB / API / state
                              ↓
                       onEventsChanged
                              ↓
                         FullCalendar

Your app remains the source of truth. See Repository for the persistence model and Security for auth boundaries.

What you get

Six structured calendar tools for read/create/update/delete workflows. See Agent tool workflows for the tool list and common compositions.

Next step