Membership Card
Wallet-pass style membership card: program and tier with a foil sheen that shifts on tilt, member name and number, a QR, valid-until, and a flip to perks and terms.
Preview
Fernhouse Gold membership, Ines Moreau
FernhouseGold
MemberInes Moreau
NumberFH 4021 8836Valid untilOct 2027
Fernhouse Member membership, Malik Kade
Member perksSince 2025
- Free delivery on every order
- Early access to seasonal drops
Pass is personal and not transferable. Perks may change with notice. Points expire 24 months after they are earned.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| program | string | — | Program name on the pass. |
| mark | ReactNode | — | Small decorative mark next to the program. |
| member / number | string | — | Member name and number. |
| tier | "member" | "silver" | "gold" | "ember" | "gold" | Face colour and foil strength. |
| tierLabel | string | from tier | Override the tier label. |
| validUntil / memberSince | string | — | Pre-formatted dates. |
| qrValue | string | number | Encoded in the QR. |
| perks | string[] | [] | Listed on the back. |
| terms | string | — | Small print on the back. |
| defaultFlipped | boolean | false | Start on the back. |
| tilt | boolean | true | Tilt and foil shift with the mouse (never under reduced motion). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.