Docs

Introduction

A powerful, production-ready calendar module for Nuxt 3 & 4.

Nuxt Calendar is a comprehensive solution for building modern calendar applications. It provides a modular architecture, full TypeScript support, and seamless integration with Nuxt UI.

Strongly Typed

Full TypeScript support with comprehensive type definitions for events, teams, and configuration.

Modular Design

Composable API design that allows you to use only what you need, from UI components to logic-only composables.

Internationalization

Built-in i18n with date-fns locale support and full timezone handling with date-fns-tz.

Database Sync (Pro)

Optional PostgreSQL integration via NuxtHub for persistent event storage and synchronization.

ICS Integration

Import and export .ics files to sync with external calendar applications like Google Calendar or Outlook.

Teams (Pro)

Manage multiple calendars and team members with built-in support for team-based event organization.

Nuxt UI Integration

Seamlessly integrates with Nuxt UI components for a consistent and beautiful user interface.

Why Nuxt Calendar?

Building a calendar from scratch is hard. Nuxt Calendar handles the complexity of date calculations, timezone conversions, and responsive layouts so you can focus on your application's unique features.

  • Best-in-class DX: Auto-imported composables and components with full IDE support.
  • Performance First: Optimized rendering using Vue 3's Composition API.
  • Highly Customizable: Extensive configuration options and slots for every part of the UI.
  • Production Ready: Battle-tested patterns for handling complex event data and team schedules.