Open source · Svelte 5 · MIT

Every calendar view your app needs, in one component.

Month, week, day, year and agenda views. Drag & drop, recurring events, multiple calendars, i18n and dark mode — inspired by Google, Apple and Outlook calendars, built on Svelte 5 runes, with zero dependencies.

Get started → GitHub
Live demo — drag events, select ranges, switch views

Sep 6 – 12, 2026

W36
Sun
6
Mon
7
Tue
8
Wed
9
Thu
10
Fri
11
Sat
12
All-day
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
12 AM

A month of features.

Everything below ships in the box — presented, naturally, as a month grid.

01

Month view

Google-style grid with spanning multi-day bars.

02

Week & day views

Time grid with overlap-aware event packing.

03

Year view

Twelve mini months with event density dots.

04

Agenda view

A clean rolling list of upcoming events.

05

Drag & drop

Move events across days and time slots.

06

Resize

Drag the bottom edge to change duration.

07

Drag to create

Built-in quick-create popover on selection.

08

Recurring events

RRULE subset: daily/weekly/monthly/yearly.

09

All-day & multi-day

Dedicated all-day lane, week-spanning bars.

10

Multiple calendars

Sources with colors, visibility toggles.

11

“+N more” popover

Overflow events collapse like Google Calendar.

12

Now indicator

A live red line marks the current minute.

13

Business hours

Shade non-working days and hours.

14

Week numbers

Optional ISO-8601 week number gutter.

15

i18n via Intl

Any locale; English & Chinese built in.

16

Dark mode & theming

Every color is a CSS variable.

17

Custom rendering

Replace event content with your snippets.

18

TypeScript, zero deps

Fully typed. No runtime dependencies.