DevInfinity
All projects
Website Information

Digital Wedding Invitation

A sealed envelope that opens on tap, with countdown, venue map, RSVP and a guest book saved to Google Sheets.

  • HTML
  • CSS
  • JavaScript
  • Google Apps Script
Screenshots
8 screenshots
Interactive demos
5 interactive demos
Features
18 features

Sealed envelope with wax seal: tap to open

1 / 8

What it does

Features, in plain words.

A sealed envelope that opens on tap, a countdown to the ceremony, venue map, RSVP and guest book saved straight to Google Sheets, and one-tap add-to-calendar. It is a reusable template: names, date and venue change in one place.

  • The envelope moment

    Guests tap the wax seal, the envelope opens and the invitation slides out. The shortcut bar only appears after opening.

  • Countdown that respects timezones

    The event date carries the venue's timezone, so a guest overseas sees the correct countdown and calendar reminder.

  • RSVP without a server

    Attendance and pax go straight to a Google Sheet via Apps Script. Guests can update their pax or cancel later.

  • Guest book

    Wishes appear on the card: three shown, the rest behind a tap. Duplicates are caught before they're saved.

  • One-tap calendar and contact

    Add to Google / Apple calendar, and a contact popup with the family's phone numbers.

  • Reusable template

    Names, date, venue and swatches are marked EDIT in one file. Bride and groom photos appear automatically when dropped in.

Full feature list

Everything this site does: all 18 features.

Grouped by module, so you can see how much a project like this actually covers.

01

Invitation

7
  • Sealed envelope cover with wax seal: tap to open
  • Opening animation, then hero video fade
  • Save-the-date card with the couple's names and date
  • Bride and groom photos appear automatically when added (rose placeholder until then)
  • Live countdown that respects the venue's timezone
02

Guests

6
  • RSVP: name and pax, confirm attendance, update pax, cancel
  • Guest list saved to Google Sheets via Apps Script
  • Guest book: wishes saved to Google Sheets; three shown, the rest behind a tap
  • Duplicate-wish check before saving
  • Contact popup with the family's phone numbers
03

Navigation & reuse

5
  • Shortcut bar: pill at the bottom on phones, vertical rail with tooltips on desktop
  • Six shortcuts: Refresh, Calendar, Contact, Location, RSVP, Wishes
  • Anchor shortcuts keep working with JavaScript blocked
  • Every editable spot marked EDIT in one file; date and event in one config block
  • Plain HTML, CSS and JS: no build step, no dependencies

Try the features

Click around: these are working mini versions.

Each demo is a small, self-contained copy of one real feature from this project. Nothing is saved and nothing leaves your browser.

Envelope reveal

Tap the wax seal. The flap opens, the card slides out and the shortcut bar appears.

Try it: envelope reveal

Save the date

Rina & Andra

21 · 06 · 2027

Tap the seal to open

📅📍

Countdown & calendar

Live countdown in the venue's timezone, and one-tap add-to-calendar.

Live: countdown to the big day

Sat 21 Jun 2027 · 12:30 (Kuala Lumpur)

days

hours

min

sec

Add to Google Calendar

RSVP

Confirm attendance and pax, update later, or cancel.

Try it: RSVP

  • Siti Aminah2 pax
  • Wong family4 pax
  • Daniel Lee1 pax

3 replies · 7 seats · saved to Google Sheets in the real invite

Guest book

Wishes from guests, newest first.

Try it: leave a wish

  • So happy for you both. See you on the day!

    Aunty Mei

  • Congratulations! Wishing you a lifetime of laughter.

    Hafiz & Sara

  • Can't wait to celebrate with you 🎉

    The Lims

3 wishes · saved to Google Sheets in the real invite

Shortcut bar

A pill on phones, a rail on desktop; Contact and Calendar open popups.

Try it: shortcut bar

Your turn

Need something like this for your business?

Tell me what you run and what slows you down. I'll reply on WhatsApp within a day with what I'd build and what it would cost.