SVAR Logo
DemosLicensesContact
Get Started
 
 
 
 
 
 
 
 
Latest update: v2.7

Svelte Event Calendar Lightweight, customizable scheduler

SVAR Svelte Calendar is an open-source, lightweight event calendar component for Svelte and SvelteKit apps. Build a Google Calendar-like scheduler in minutes with drag-and-drop editing and multiple views.

Also available for:
Also available for:

Key Features of SVAR Svelte Calendar

100% Svelte with TypeScript support

Built specifically for Svelte, with no wrappers or adapters. Use a developer-friendly API to control every aspect of the calendar: from colors and labels to time scales and date headers. Full TypeScript support included.

Day, Week, Month views

Switching between Day, Week, and Month views is easy and gives users the right level of detail for their schedule. Our Svelte event calendar lets you set custom working hours, pick preferred time format and week start day.

Drag-and-drop event editing

With SVAR Svelte Calendar, creating and editing events feels natural. Users can drag event boxes to move events, resize to adjust duration, or create events directly in the time grid.

Multiple calendar support

Keep different event types visually organized using color-coded calendars, like work, personal, or holiday schedules. Users can toggle calendars on and off at a glance to focus on what matters.

Custom edit form

A popup form for editing event details can be configured to contain custom fields and match the exact needs of your project. You can also add comments, or task lists as needed.

Event customization

Customize how events are displayed and interacted with. Use templates for event rendering, add tooltips with details, or include preview popups for additional interactions.
Star on GitHub

Works with:

Claude Code Claude Code
Cursor Cursor
Codex CLI Codex CLI
Antigravity Antigravity
ChatGPT ChatGPT
GitHub Copilot GitHub Copilot

Ready for AI-Assisted Development

SVAR offers an AI integration kit — an MCP server, skills, and context packs — to help your coding agent write correct SVAR Svelte Calendar code on the first try.

AI Tools for Svelte Calendar Connect the MCP server

Try Live Demo

For the best experience, view this page on a desktop device to enjoy the live demo, as it looks great on larger screens!

Open Fullscreen Demo

Svelte Calendar PRO with 4 More Views

The PRO Edition of SVAR Svelte Calendar adds four advanced views for resource scheduling, along with recurring events, timezone support, dynamic loading, and more.

Pricing & Details Get Trial

pro

some alt text

Add compact Year or Agenda views

Read your schedule as a clean, date-grouped list with the Agenda view. It cuts through the visual noise and fits compact mobile screens or dashboard widgets. The Year view condenses all twelve months into one view so users can spot busy periods and plan ahead.

pro

some alt text

Visualize events on a timeline

Place resources in rows along a horizontal time axis to see who is occupied and when. The Timeline View suits project scheduling, shift planning, event booking and any workflow that tracks several people, rooms, or machines side by side.

pro

some alt text

Manage shared resources

The Resources view of SVAR Svelte Calendar PRO helps you manage people, rooms, equipment, and other bookable resources in one shared calendar. Combined scales let you group resources by date or dates by resource.

pro

some alt text

Set up recurring events

Handle daily standups, weekly reviews, and monthly meetings without manual re-entry. Users can define a recurrence pattern in the built-in editor, and edit the whole series or a single occurrence whenever plans change.

pro

some alt text

Switch between time zones

If the calendar is used internationally, you can display events in the local time of any location and switch the displayed timezone on the fly. Users can view the same schedule in the time zone that best fits their location.

pro

some alt text

Export schedules to PDF, PNG, or Excel

The PRO edition allows you to create printable versions of SVAR Svelte Calendar views, share schedules with stakeholders, or export event data to Excel for reporting and further processing.

pro

some alt text

Load events on demand

Fetch only the events for the visible date range instead of the whole dataset. Navigation stays fast, and the calendar keeps running smoothly even with thousands of events stored on the backend.

Dynamic loading can also cache previously fetched ranges and preload adjacent date ranges as users navigate. This reduces repeated requests and helps keep the calendar responsive as users move through large schedules.

Try Calendar PRO

Get full access to SVAR Svelte Calendar PRO for 30 days. We'll email you installation instructions right after you submit the form.

  • Fully functional trial
  • 30-day trial period
  • SVAR watermark

Read the full Trial License Agreement

Latest Updates

Version 2.7

September 16, 2026

What's new

Mobile support

Editable recurring events (PRO)

Dynamic loading (PRO)

Timezone support (PRO)

Read More

Version 2.6

May 13, 2026

What's new

Day, Week, Month views

Calendar groups

Agenda, Year, Timeline (PRO)

Resources view (PRO)

Read More

Need help with integration?

We offer paid consulting and custom development services to help you get the most from SVAR Svelte Calendar, from setup and customization to full web app development.

Contact Us

Frequently Asked Questions

SVAR Svelte Calendar is a lightweight event calendar component written in Svelte 5 and designed for building fast, interactive scheduling interfaces. Unlike other calendar libraries, our component offers:
  • Native Svelte API and easy CSS styling
  • Built-in event editor
  • Multiple calendar support (colored calendar groups)
  • Tooltips and event previews
  • Context menu and toolbar
  • Advanced event filtering
  • Sleek-looking light and dark themes
  • Compact view for mobile screens
  • REST backend integration helper
This allows quick start, full control over scheduling logic, event handling, and UI behavior.
The component includes Day, Week, and Month views in the free, open-source edition. The PRO edition adds Agenda, Year, Resources, and Timeline views. With all that, the calendar component can be used to build Svelte event calendar functionality, schedulers, or timeline-based planning interfaces.
The free version includes Day, Week, and Month views, drag-and-drop interactions, event editing, filtering, toolbar, context menu, multiple calendars, iCal import/export, and backend integration support. It is designed for building fast and lightweight Svelte calendars for event planning and scheduling that work on both desktop and mobile screens.
The PRO edition adds Agenda, Year, Resources, and Timeline views, editable recurring events, timezone support, dynamic loading, combined scales, multi-resource events, undo/redo, and export to PDF, PNG, and Excel. It is designed for advanced scheduling systems where performance and fine-grained control are required. Find the pricing and free vs PRO comparison details here.
Yes, the PRO Edition of our Svelte calendar component supports Resources and Timeline views for building visual timelines, booking systems, shift planners, and resource allocation tools. Events can be mapped to resources like rooms, employees, or equipment.
Yes, recurring events are supported in the PRO Edition. The calendar expands recurring patterns across the schedule and lets users edit the entire series or a single occurrence through the editor interface.
SVAR Svelte Calendar is designed for fast integration into Svelte and SvelteKit scheduling applications:
  • Install the open-source Svelte calendar library: npm install @svar-ui/svelte-calendar
  • Import the calendar component into your Svelte app
  • Enable needed calendar views
  • Connect the calendar to REST APIs or custom backend logic
  • Customize toolbars, event rendering, filters, and editor components
SVAR Svelte Calendar is built natively for Svelte 5 with full TypeScript support and a unified svelteive scheduling architecture optimized for lightweight, high-performance applications. Helpful resources: If you would like to try the PRO features of SVAR Svelte Calendar, request a free 30-day PRO trial.

Resources

icon

How to start guide

Quick start

icon

Community forum

Visit forum

icon

GitHub repository

Visit github