Advent Calendar

An advent calendar for your site: a grid of numbered doors, one opening each day. Behind each door put a message, an image, a link or a code. 1 to 24 December by default; any start date and 1 to 31 doors, so twelve days of Christmas or a launch week work too.

The next door opens at midnight without a reload. Choose whose midnight: each visitor's own, from their device's clock, or one midnight in a zone you name, so an offer opens at the same instant everywhere.

A locked door says when it opens (Opens 11 December, its date in the visitor's language) and opens nothing. A copy button says Copied only once the code is really on the clipboard; when the browser refuses, it selects the code and says Press Ctrl+C. Doors a visitor has opened stay open in that browser only.

Numbered in order or scattered. A rolling demo mode starts the run a few days before today, so a demo page shows open, today and locked doors in any month, and the canvas previews any day you pick.

Door content ships in the page's script, so the calendar is not a vault: put nothing secret behind a door. Visitor midnight trusts the visitor's device clock, so a visitor who sets their clock forward opens doors early. The heading, every label and message, colours, three fonts with their sizes, radius, gap, door size and shape are controls.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev