Wedding-invite
THE INVITATION GUESTS FORWARD
Most wedding websites get skimmed. This one gets replayed.
Your guests arrive at an ornate golden letterbox resting on warm ivory,
petals drifting through the air. They scroll. The button presses itself,
a sealed envelope slides out of the slot, the wax seal breaks, and a
stream of rose petals and lace ribbon swirls into a full floral arch.
The camera glides through it into golden light, and your wedding date
writes itself across the screen. Scroll back up and the whole film
rewinds under their fingertips.
It feels like a movie. It works like a website.
EDIT ONE FILE, NOTHING ELSE
Everything you would ever change lives in a single, heavily commented
file: content.js. Open it in Notepad or TextEdit, change the text
between the quotes, save, refresh. That is the entire workflow.
You control:
- Both names and your wedding date (the film reveals the date for you)
- The four story chapters that fade in over the film
- Venue name, address, and a real Open in Maps button
- Three schedule cards: ceremony, reception, after party
- Every label on the RSVP form
- Your hashtag and closing message
The RSVP form connects to Formspree, Google Sheets, or any endpoint
that accepts a POST, so responses land wherever you want them. When a
guest submits, they get a burst of rose petals and a thank you. Until
you connect an endpoint, the form runs in a safe preview mode.
WHAT MAKES IT DIFFERENT
- A real pre-rendered film scrubbed by scroll, not a CSS animation.
Forward plays it, backward rewinds it, both silky smooth.
- Names, date, and every word are real HTML text, never baked into
video, so everything stays crisp and editable.
- Warm ivory, blush, and gold throughout. No cold greys, no dark mode
leakage, nothing that fights your wedding palette.
- One token block retunes every colour on the page if you want to
rebrand it.
- Works on phones, tablets, and desktops. Guests with reduced motion
enabled automatically get a calm, film-free version.
- No frameworks, no build tools, no dependencies. Double-click
index.html and it runs.
WHAT'S INCLUDED
- The complete website template (HTML, CSS, JavaScript)
- The cinematic 15 second scroll film, encoded from a 4K master in
desktop and mobile versions tuned for buttery scroll scrubbing
- A palette-matched stylised venue map plate
- Eight petal cutouts powering the ambient drift and the RSVP burst
- A plain-English README with a 2 minute quick start, copy-paste
examples for Maps links and RSVP endpoints, colour re-theming notes,
and step-by-step publishing instructions for Netlify and GitHub Pages
PUBLISHING
Drag the folder into Netlify Drop and you have a live link in under a
minute. GitHub Pages works too. Full instructions are in the README.
GOOD TO KNOW
- No subscriptions, no accounts, no tracking. You own the files.