Open When
Sealed letters for someone you love: open when you miss me, when you can't sleep, on our anniversary. Break the wax seal and the letter slides out; date-locked ones wait for their day.
Installation
Full Setup guideInstall the component automatically via Shadcn CLI.
npx shadcn@latest add https://www.grettech.com/api/registry/open-whenProps
| Prop | Type | Default | Description |
|---|---|---|---|
letters | OpenWhenLetter[] | DEFAULT_LETTERS | The letters, one envelope each |
to | string | "You" | Who they're for, on every envelope and at the top of each letter |
from | string | "Me" | Who they're from, signed under each letter |
seal | string | "♥" | Pressed into the wax seal, like initials |
sealColor | string | "#9b1c31" | The wax's colour |
remember | boolean | true | Remember which letters were opened, in this browser |
onOpen | (letter: OpenWhenLetter, index: number) => void | - | Called when a letter is opened |