HTMLStarter

Invitation-Template — HTML Starter Template

By Rainier-PS

An event invitation website template built with HTML, CSS, and vanilla JavaScript, with content configured in a single JSON file, supporting RSVP form embedding and calendar and map links.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

Event content is centralized in a single JSON file; editing the data replaces the information without changing page code

Full-page scrolling with smooth transitions between sections, with pages adapting to mobile and desktop

RSVP is integrated by embedding a third-party form service (the README uses Tally.so as an example)

Provides a Google Maps venue link and a one-click add-to-Google-Calendar entry

Includes a usage guide, an RSVP form structure description, and a contribution guide

Code is under the MIT license and can be freely used, modified, and distributed

Template Details

This is a static website template for event invitations, built with HTML, CSS, and vanilla JavaScript, using a glassmorphism visual style, with pages that adapt to both mobile and desktop displays. The template extracts event information into a JSON file; users can replace the event name, time, location, and other content by editing that file, without modifying the page structure code.

Functionally, the template provides full-page scrolling and smooth transitions between sections; the RSVP form is implemented by embedding a third-party service (the README uses Tally.so as an example), requiring you to create your own form and write the embed URL into event.json; the venue location is provided as a Google Maps link; there is also a one-click add-to-Google-Calendar entry. The repository includes three documents: a usage guide, an RSVP form structure description, and a contribution guide, and provides an online JSON builder tool as a filling aid.

To use it, download the ZIP from Releases, extract it, fill in the event information, and deploy it to a static hosting platform such as GitHub Pages, Vercel, or Netlify. The template itself does not include a backend; RSVP data is handled by the integrated third-party form service, so actual usability depends on that external service. The licensing of third-party assets such as demo images, fonts, and icons must be checked separately; the code is under the MIT license, and distribution requires retaining the original author's copyright notice and license text.

HTMLLauncher

Is it right for your project?

Use Cases

Invitation pages for personal events such as weddings, birthdays, and parties
Notification pages for conferences, workshops, and community events that need to collect registration information
As a static site template for practicing JSON-driven content and third-party form embedding

Suitable For

Individual users who want to launch an invitation page by editing only JSON without writing code
Developers who need to host the invitation page on GitHub Pages, Vercel, or Netlify
Learners of HTML/CSS/JS who want to reference a glassmorphism style and full-page scrolling implementation

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Download the latest ZIP from Releases and extract it, then fill in the event information according to docs/USAGE_GUIDE.md or the online JSON Builder
2
Create an RSVP form on a service such as Tally.so and write the embed URL into event.json
3
Deploy to a static hosting platform such as GitHub Pages, Vercel, or Netlify
4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
5
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the MIT license notice

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

The RSVP function depends on a third-party form service (the README uses Tally.so as an example); you need to register and create a form yourself, then write the embed URL into event.json; the template itself has no backend, and registration data is handled by that external service.
The MIT license requires retaining the original author's copyright notice and license notice in all copies or substantial portions; the README additionally states that attribution to the original author Rainier Pearson Saputra is required.
Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Create an RSVP form (Tally.so) and add the embed URL to your event.json.
Original README

Attribution to the original author (Rainier Pearson Saputra) is required.
Original README

https://github.com/Rainier-PS/Invitation-Template/blob/main/LICENSE https://github.com/Rainier-PS/Invitation-Template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 83 / 100
Technologies: HTML
Website type: Starter

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-07-29
Screenshot last checked: 2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 0cce5e55cbb47bc9c8dd57dbcbdb078033109cb071749407623c0a8e1db113a6

2026-10-03T23:24:51.975Z

Source file / repository

# Invitation Website Template

A free invitation website template for events. Built with HTML, CSS, and JavaScript. You customize it by editing a single JSON file.

![Thumbnail](https://raw.githubusercontent.com/Rainier-PS/Invitation-Template/main/media/images/invite-preview.avif)

## Demo

See it live: [Live Site](https://rainier-ps.github.io/Invitation-Template/)

## Features

- Edit through a JSON file, no coding needed
- Full page scroll with smooth transitions between sections
- RSVP form integration with Tally.so or other providers
- Google Maps link for venue location
- One-click Add to Google Calendar
- Clean typography and responsive layout
- Works on mobile and desktop
- Open source under MIT License

## Quick Start

1. Download the latest release ZIP from [Releases](https://github.com/Rainier-PS/Invitation-Template/releases/latest) and unzip it.
2. Fill out your event details. Use the [Usage Guide](docs/USAGE_GUIDE.md) or the online JSON Builder.
3. Create an RSVP form (Tally.so) and add the embed URL to your event.json.
4. Host on GitHub Pages, Vercel, or Netlify.

For step by step instructions, see the [Usage Guide](docs/USAGE_GUIDE.md).

## Documentation

- [Usage Guide](docs/USAGE_GUIDE.md) - How to customize the template for your event.
- [RSVP Form Guide](docs/RSVP_FORM_STRUCTURE.md) - How to set up your RSVP form.
- [Contributing Guide](docs/CONTRIBUTING.md) - How to contribute to this project.

## Contributing

If you want to fix a bug, improve the docs, or add a new theme, contributions are welcome. Read the [contributing guide](docs/CONTRIBUTING.md) first.

## License

This project is MIT licensed. You can use, modify, and remix it freely. Attribution to the original author (Rainier Pearson Saputra) is required.

## Support

If this project helped you, donations and sponsorships are appreciated.

- [Support Link](https://rainier-ps.github.io/Personal-Website/)

---

Created by [Rainier Pearson Saputra](https://rainier-ps.github.io/)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

startbootstrap-simple-sidebar

A Bootstrap off-canvas sidebar navigation HTML starter template from Start Bootstrap. It provides directly editable HTML and CSS in the dist directory, while the source uses Pug, SCSS, and JavaScript with npm build scripts for live preview and compilation.

HTML · Starter

adminkit

AdminKit is a free, MIT-licensed HTML admin and dashboard template built on Bootstrap 5. The free version includes 15 demo pages, 1 plugin, and 1 color scheme, with hundreds of UI components, forms, tables, charts, and icons.

HTML · Admin dashboard

Landing-Page

A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.

HTML · Corporate Website

light-bootstrap-dashboard

Light Bootstrap Dashboard is a free, MIT-licensed admin dashboard template from Creative Tim, built on Bootstrap with a responsive static HTML structure.

HTML · Admin dashboard

sing-app

Sing App Lite is a free, open-source admin dashboard template from Flatlogic, built with Bootstrap 4.5 and SCSS. It provides a responsive layout, dashboard examples, typography, tables, notifications, basic charts, icons, maps, and a hover sidebar, along with styled Bootstrap components.

HTML · Admin dashboard

startbootstrap-modern-business

Modern Business is a multipurpose Bootstrap full-site HTML template from Start Bootstrap with 17 standalone pages covering home, about, services, portfolio, pricing, blog, FAQ, and contact.

HTML · Starter