HTML启动器

Invitation-Template — HTML 启动器模板

作者 Rainier-PS

基于 HTML、CSS 与原生 JavaScript 的活动邀请函网站模板，内容集中在单个 JSON 文件中配置，支持 RSVP 表单嵌入与日历、地图链接。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

活动内容集中在单个 JSON 文件，编辑数据即可替换信息，无需改动页面代码

02

整页滚动配合分节平滑过渡，页面在移动端与桌面端自适应

03

RSVP 通过嵌入第三方表单服务（README 以 Tally.so 为例）接入

04

提供 Google Maps 场地链接与一键添加 Google 日历入口

05

附带使用指南、RSVP 表单结构说明与贡献指南文档

06

代码采用 MIT 许可，可自由使用、修改与分发

模板详细介绍

这是一个面向活动邀请场景的静态网站模板，使用 HTML、CSS 和原生 JavaScript 构建，采用玻璃拟态（glassmorphism）视觉风格，页面在移动端与桌面端均可自适应显示。模板把活动信息抽离到 JSON 文件里，使用者通过编辑该文件即可替换活动名称、时间、地点等内容，无需改动页面结构代码。

功能层面，模板提供整页滚动与分节之间的平滑过渡；RSVP 表单通过嵌入第三方服务（README 以 Tally.so 为例）实现，需自行创建表单并把嵌入地址写入 event.json；场地位置以 Google Maps 链接形式给出；另有一键添加到 Google 日历的入口。仓库附带使用指南、RSVP 表单结构说明和贡献指南三份文档，并提供了在线 JSON 构建工具作为填写辅助。

使用方式为下载 Releases 中的 ZIP 解压后填写活动信息，再部署到 GitHub Pages、Vercel 或 Netlify 等静态托管平台。模板本身不包含后端，RSVP 数据由所接入的第三方表单服务处理，因此实际可用性取决于该外部服务。演示图片、字体、图标等第三方素材的许可需单独核对，代码部分采用 MIT 许可，分发时需保留原作者版权声明与许可文本。

HTML启动器

适合你的项目吗？

适用场景

  • 婚礼、生日、聚会等个人活动的邀请页面
  • 会议、工作坊、社区活动等需要收集报名信息的通知页
  • 作为静态站点模板，用于练习 JSON 驱动内容与第三方表单嵌入

适合人群

  • 希望不写代码、只改 JSON 就能上线邀请页的个人用户
  • 需要把邀请页托管在 GitHub Pages、Vercel 或 Netlify 的开发者
  • 想参考玻璃拟态风格与整页滚动实现的 HTML/CSS/JS 学习者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    从 Releases 下载最新 ZIP 并解压，按 docs/USAGE_GUIDE.md 或在线 JSON Builder 填写活动信息

  2. 2

    在 Tally.so 等服务创建 RSVP 表单，将嵌入地址写入 event.json

  3. 3

    部署到 GitHub Pages、Vercel 或 Netlify 等静态托管平台

  4. 4

    演示图片、字体、图标等第三方素材需按各自许可单独核对

  5. 5

    分发代码副本或实质性部分时保留原作者版权声明与 MIT 许可声明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • RSVP 功能依赖第三方表单服务（README 以 Tally.so 为例），需自行注册并创建表单，再把嵌入地址写入 event.json；模板本身不含后端，报名数据由该外部服务处理。
  • MIT 许可要求在所有副本或实质性部分中保留原作者的版权声明与许可声明；README 另声明需署名原作者 Rainier Pearson Saputra。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

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

README 原文

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

README 原文
https://github.com/Rainier-PS/Invitation-Template/blob/main/LICENSEhttps://github.com/Rainier-PS/Invitation-Template/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 83 / 100
技术栈
HTML
网站类型
启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-07-29
截图检查日期
2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: 0cce5e55cbb47bc9c8dd57dbcbdb078033109cb071749407623c0a8e1db113a6

2026-10-03T23:24:51.975Z

来源文件 / 仓库
# 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/)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

startbootstrap-simple-sidebar

startbootstrap-simple-sidebar

An off canvas sidebar navigation Bootstrap HTML template created by Start Bootstrap

HTML · 启动器

adminkit

adminkit

AdminKit is a free & open-source HTML dashboard & admin template based on Bootstrap 5

HTML · 后台

Landing-Page

Landing-Page

Tailwind CSS Starter Template - Landing Page

HTML · 企业官网

light-bootstrap-dashboard

light-bootstrap-dashboard

Light Bootstrap Dashboard is an admin dashboard template designed to be beautiful and simple.

HTML · 后台

sing-app

sing-app

💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥

HTML · 后台

startbootstrap-modern-business

startbootstrap-modern-business

A multipurpose Bootstrap full website template created by Start Bootstrap

HTML · 启动器