# Plugin Index

> FullCalendar v4 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v4/plugin-index
>
> Latest version (v7): https://fullcalendar.io/docs/plugin-index.md

FullCalendar offers the following packages:

<style>
  .plugin-table td:first-child strong { display: block; white-space: nowrap }
</style>

<table class='plugin-table'>
<thead>
  <tr>
    <th>Names for <a href='https://legacy.fullcalendar.io/v4/initialize-es6.md'>ES6</a> and <a href='https://legacy.fullcalendar.io/v4/initialize-globals.md#plugins'>Global</a></th>
    <th>Functionality / Views</th>
    <th>Yarn</th>
    <th colspan='2' style='text-align:center'>jsDelivr</th>
      <!-- TODO: don't hardcode latest v4 version URLs -->
  </tr>
</thead>
<tbody>
  <tr>
    <td>
      <strong>@fullcalendar/core</strong>
    </td>
    <td>
      Offers the <code>Calendar</code> class among other things
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/core'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/core@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/core@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/interaction</strong>
      <code>interaction</code>
    </td>
    <td>
      Required to detect <a href='https://legacy.fullcalendar.io/v4/dateClick.md'>dateClick</a> actions,
      <a href='https://legacy.fullcalendar.io/v4/selectable.md'>selectable</a> actions, and
      <a href='https://legacy.fullcalendar.io/v4/editable.md'>event drag-n-drop &amp; resizing</a>.<br />
      <em>Not needed</em> for
      <a href='https://legacy.fullcalendar.io/v4/eventClick.md'>eventClick</a> or
      <a href='https://legacy.fullcalendar.io/v4/eventMouseEnter.md'>eventMouseEnter</a>/<a href='https://legacy.fullcalendar.io/v4/eventMouseLeave.md'>eventMouseLeave</a>.
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/interaction'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/interaction@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/daygrid</strong>
      <code>dayGrid</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/month-view.md'>Month</a> and <a href='https://legacy.fullcalendar.io/v4/daygrid-view.md'>DayGrid</a> views:<br />
      <code>dayGridMonth</code>,
      <code>dayGridWeek</code>,
      <code>dayGridDay</code>,
      <code>dayGrid</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/daygrid'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/timegrid</strong>
      <code>timeGrid</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/timegrid-view.md'>TimeGrid</a> views:<br />
      <code>timeGridWeek</code>,
      <code>timeGridDay</code>,
      <code>timeGrid</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/timegrid'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/timegrid@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/timegrid@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/list</strong>
      <code>list</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/list-view.md'>Lists</a> views:<br />
      <code>listYear</code>,
      <code>listMonth</code>,
      <code>listWeek</code>,
      <code>listDay</code>,
      <code>list</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/list'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/list@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/list@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <a href='https://fullcalendar.io/pricing' class='badge'>Premium</a>
      <strong>@fullcalendar/timeline</strong>
      <code>timeline</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/timeline-view-no-resources.md'>Timeline views with <strong>no resource support</strong></a>:<br />
      <code>timelineYear</code>,
      <code>timelineMonth</code>,
      <code>timelineWeek</code>,
      <code>timelineDay</code>,
      <code>timeline</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/timeline'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/timeline@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/timeline@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <a href='https://fullcalendar.io/pricing' class='badge'>Premium</a>
      <strong>@fullcalendar/resource-common</strong>
    </td>
    <td>
      Offers base support for resources. Required for all resource-related plugins.
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/resource-common'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-common@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <a href='https://fullcalendar.io/pricing' class='badge'>Premium</a>
      <strong>@fullcalendar/resource-daygrid</strong>
      <code>resourceDayGrid</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/resource-daygrid-view.md'>resource-enabled DayGrid</a> views:
      <code>resourceDayGridMonth</code>,
      <code>resourceDayGridWeek</code>,
      <code>resourceDayGridDay</code>,
      <code>resourceDayGrid</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/resource-daygrid'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-daygrid@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <a href='https://fullcalendar.io/pricing' class='badge'>Premium</a>
      <strong>@fullcalendar/resource-timegrid</strong>
      <code>resourceTimeGrid</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/vertical-resource-view.md'>resource-enabled TimeGrid</a> views:
      <code>resourceTimeGridWeek</code>,
      <code>resourceTimeGridDay</code>,
      <code>resourceTimeGrid</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/resource-timegrid'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-timegrid@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <a href='https://fullcalendar.io/pricing' class='badge'>Premium</a>
      <strong>@fullcalendar/resource-timeline</strong>
      <code>resourceTimeline</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/timeline-view.md'>resource-enabled Timeline</a> views:
      <code>resourceTimelineYear</code>,
      <code>resourceTimelineMonth</code>,
      <code>resourceTimelineWeek</code>,
      <code>resourceTimelineDay</code>,
      <code>resourceTimeline</code> (<a href='https://legacy.fullcalendar.io/v4/custom-view-with-settings.md'>generic</a>)
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/resource-timeline'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-timeline@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/resource-timeline@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/bootstrap</strong>
      <code>bootstrap</code>
    </td>
    <td>
      Offers <a href='https://legacy.fullcalendar.io/v4/bootstrap-theme.md'>Bootstrap theming</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/bootstrap'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/bootstrap@4.4.2/main.min.js'>JS</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/bootstrap@4.4.2/main.min.css'>CSS</a></td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/google-calendar</strong>
      <code>googleCalendar</code>
    </td>
    <td>
      For loading events from a public <a href='https://legacy.fullcalendar.io/v4/google-calendar.md'>Google Calendar feed</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/google-calendar'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/google-calendar@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/rrule</strong>
      <code>rrule</code>
    </td>
    <td>
      For <a href='https://legacy.fullcalendar.io/v4/rrule-plugin.md'>leveraging the RRule library</a> for event recurrence
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/rrule'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/rrule@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/luxon</strong>
      <code>luxon</code>
    </td>
    <td>
      Offers a named-timezone implementation, a formatting string implementation, and utilities for converting to Luxon DateTimes. <a href='https://legacy.fullcalendar.io/v4/luxon-plugin.md'>More info</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/luxon'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/luxon@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/moment</strong>
      <code>moment</code>
    </td>
    <td>
      Offers a formatting string implementation and utilities fo convert to Moment objects. <a href='https://legacy.fullcalendar.io/v4/moment-plugins.md'>More info</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/moment'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/moment@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/moment-timezone</strong>
      <code>momentTimezone</code>
    </td>
    <td>
      Offers a named timezone implementation. <a href='https://legacy.fullcalendar.io/v4/moment-plugins.md#moment-timezone'>More info</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/moment-timezone'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/moment-timezone@4.4.2/main.min.js'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/react</strong>
    </td>
    <td>
      Offers a React component. <a href='https://legacy.fullcalendar.io/v4/react.md'>More info</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/react'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/react'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/vue</strong>
    </td>
    <td>
      Offers a Vue component. <a href='https://legacy.fullcalendar.io/v4/vue.md'>More info</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/vue'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/vue'>JS</a></td>
    <td>n/a</td>
  </tr>
  <tr>
    <td>
      <strong>@fullcalendar/angular</strong>
    </td>
    <td>
      Offers an Angular component. <a href='https://legacy.fullcalendar.io/v4/angular.md'>More info</a>
    </td>
    <td><a href='https://yarnpkg.com/package/@fullcalendar/angular'>Yarn</a></td>
    <td><a href='https://cdn.jsdelivr.net/npm/@fullcalendar/angular'>JS</a></td>
    <td>n/a</td>
  </tr>
</tbody>
</table>