Wedding Website is a free, open-source, responsive wedding website template that sends RSVP submissions to Google Sheets and runs on static hosting such as GitHub Pages with no backend.
What is Wedding Website?
Wedding Website is a static wedding website template built with HTML, Sass, and JavaScript, compiled using Gulp. It takes wedding details like names, date, venue, and story, and produces a device-friendly page with an RSVP form, Google Map, and calendar integration. The project was created by Ram Patra, a Director of Software Engineering at Mastercard, and open-sourced after his own wedding.
Key Features
- RSVP form with Google Sheets storage — guest submissions are uploaded directly to a Google Sheet, so no database is required.
- Email alert notifications — the site sends an email to the couple whenever a guest completes the RSVP form.
- Add to Calendar — guests can add the wedding date to their calendar in four different calendar formats.
- Book Uber button — a one-tap button lets guests book a ride to the venue directly from the site.
- YouTube video embed — a section for showing a video of the wedding venue.
- Google Map — an embedded map displays the venue location.
- Fully responsive design — the layout adapts to phones, tablets, and desktops.
- Zero hosting cost — static files can be published for free on GitHub Pages; RSVP data lives in Google Sheets via Google Apps Script.
Who is it for?
- Couples planning a wedding — they can build a complete wedding information hub with RSVP collection, venue map, and schedule without paying for hosting or a backend.
- Front-end developers — they can clone the repository, run
npm installandgulp, then customize the HTML and Sass variables to match any event. - Event organizers — the RSVP form and calendar buttons can be adapted for conferences, parties, or other gatherings.
What can you do with Wedding Website?
- Collect guest responses: each RSVP submission is written to a Google Sheet and triggers an email alert, giving you real-time attendance tracking.
- Share event details: embed a YouTube venue tour, show the location on Google Maps, and let guests save the date to their calendar with one click.
- Publish at no cost: build the static files with Gulp and host them on GitHub Pages, eliminating server and database expenses.
How does Wedding Website work?
- Clone the repository from GitHub and enter the project directory.
- Run
npm installto install dependencies, then rungulpto compile Sass into CSS and minify JavaScript. - Open
index.htmlin a browser to preview, then customize content by editing the HTML and styles. - Deploy the static files to GitHub Pages and set up a Google Sheet with Google Apps Script to store RSVP submissions.
FAQ
Is Wedding Website free?
Yes, the template is free and open-source. You can host it on GitHub Pages at no cost, and RSVP data is stored in a Google Sheet, which has a free tier.
Do I need a backend server or database?
No. The site is static; RSVP submissions are sent to Google Sheets via Google Apps Script, and the calendar, map, and Uber features use third-party embeds and links.
How do I customize the website?
The README links to a blog post by the author that explains every feature and how to customize each one. Basic edits like names, dates, and map locations are done in the HTML and Sass files.
Can I use this template for non-wedding events?
Yes, any static event website can reuse the RSVP form, calendar buttons, and map section, though the content and styling are wedding-oriented.
