Koyomi Calendars暦

Calendar-page icons and whole months as SVG, in light and dark, with the page turning from one day to the next.

Koyomi (暦) means a calendar or an almanac. The name

Pick a design, then turn the page

Choose a date, a design, a housing, rings and a turn. Everything you set stays in the address. The Day before and Day after buttons turn the page to the day before or after.

Date
Page turning
Preset
Housing
Rings
Turn

Only the icon on the stage moves. If your device asks for less motion, the page simply changes.

Tap one to put it on the stage. Rings fit the designs that have no binding of their own.

Copy the code

A whole month

Four full-month designs, in a separate import so the small icon stays small. Dates and names come from Intl; the notes are yours, and the library knows no holiday.

Week startsNotes

What each import weighs

Bundled and minified with esbuild, then gzipped. One design alone is a few kilobytes.

ImportMinifiedGzip
themes/pins one theme alone (pins)8.8 kB4.0 kB
themes/squircle one theme alone (squircle, the 18th)9.3 kB4.1 kB
themes/sun one tear-off theme alone (sun)24.7 kB10.9 kB
index all 18 themes (the main import)48.3 kB19.1 kB
month the month pages (/month)11.0 kB4.7 kB
animate the page turning (/animate)3.1 kB1.4 kB