Websites
“50 jas” invitations
Two digital anniversary invitations
2026·1 150 lines
Open the demo
The first opens like a real envelope: the seal breaks, the envelope drops away, and the letter is pulled out and unfolds to fill the screen. Guest replies go into a Google Sheet.
What is inside
- The whole envelope sequence is pure CSS keyframes: the seal breaking, the envelope falling, and the letter pulled out with a fortyfold zoom
- The RSVP form writes answers straight into a Google Sheet, without a single line of backend
- Meta tags and preview images are tuned for WhatsApp forwarding — how the link looks in a chat was designed on purpose
- A countdown to the date and background music that can be switched off
Stack
ReactViteTailwind CSSGoogle SheetsCSS-анимации
Demo
Click the envelope and the rest happens on its own. The form can be filled in; nothing is submitted anywhere.
Screens
