Skip to content
Back to all quests

Individual · 2026

Wedding Invitation - Melanie & Santiago

A beautifully crafted digital wedding invitation for Melanie and Santiago. The centerpiece is a scroll-triggered 3D envelope animation built with GSAP — the seal fades, the flap opens, and an invitation card rises out. Below the animation, guests can RSVP via Google Forms, access the cash fund link, and browse the Amazon wedding registry. A thank-you section with a red video background and contact phone numbers completes the experience.

Wedding Invitation - Melanie & Santiago

Challenges

  • The 3D envelope animation had to work smoothly across devices and screen sizes
  • The invitation needed to feel elegant and special, matching a wedding theme
  • Everything had to work as a single-page app with no backend — fully static

Solutions

  • Used GSAP with ScrollTrigger for performant scroll-driven 3D animations with proper cross-browser support
  • Chose an elegant cream/gold color palette with Great Vibes calligraphy font for a romantic feel
  • Built a fully static site with external service links (Google Forms, Amazon) — zero backend required

Key Features

  • Scroll-triggered 3D envelope opening animation
  • RSVP via Google Forms integration
  • Cash fund and Amazon wedding registry links
  • Thank-you section with video background
  • Contact phone numbers for the couple
  • Elegant calligraphy typography (Great Vibes)

Technologies

Vue 3ViteTailwind CSS 4GSAP

Client

Melanie & Santiago

Individual

Year

2026

"Our guests were blown away by the digital invitation. The envelope animation made it feel so special and personal."

— — Melanie & Santiago