# Introduction

How to get FullCalendar's code, initialize a calendar, and other basic principles.

## Articles

- [Getting Started](getting-started.md) - How to initialize a calendar
- [Initialize with ES6 Build System](initialize-es6.md) - For non-trivial projects, it is recommended to use an ES6-compatible build system like Vite or Rollup along with a package manager like NPM or Yarn.
- [Initialize with Script Tags](initialize-globals.md) - Use pre-built bundles and HTML script tags
- [Initialize with Script Tags (ESM)](initialize-browser-esm.md) - Use FullCalendar as an ES module within a <script> tag, preferably with import maps. Example:
- [Plugin Index](plugin-index.md) - Aside from the vanilla JS package fullcalendar, there are UI-library connectors:
- [Handlers](handlers.md) - How to attach handlers to your calendar, which execute when other things happen.
- [Methods](methods.md) - Methods provide ways to manipulate the calendar from JavaScript code.

## More Advanced

- [View-Specific Options](view-specific-options.md) - You can specify options that apply only to specific calendar views.
- [Get/Set Options Dynamically](dynamic-options.md) - You can get/set calendar options after a calendar has already been initialized.
- [borderless settings](borderless.md) - Remove borders from the calendar's outer edge.
- [className](className.md) - Provides a ClassName Input for the calendar's root element.
- [ClassName Inputs](classname-input.md) - CSS class names can be injected into FullCalendar's DOM in various places via settings like eventClass, toolbarClass, dayCellClass, and many others. They accept a simple string:
- [Content Injection](content-injection.md) - Custom content can be injected into FullCalendar's DOM in various places. This content can be provided in the following formats. These examples use eventContent from the event render hooks:
- [render](render.md) - Will initially render a calendar, or if it is already rendered, will rerender it.
- [destroy](destroy.md) - Restores the container element to the state before FullCalendar was initialized.
- [rerenderDelay](rerenderDelay.md) - The amount of milliseconds to wait before rerendering anything on a calendar.
- [Calendar::render](Calendar-render.md) - Initially render the calendar, or rerender it after initialization.
- [Calendar::batchRendering](Calendar-batchRendering.md) - A way to group operations that cause rerenders.

## See Also

- [initialDate](initialDate.md) - The initial date displayed when the calendar first loads.
- [initialView](initialView.md) - The initial view when the calendar loads.
- [View API](view-api.md) - FullCalendar provides settings, methods, and callbacks for interacting with and switching the current view.