React企业官网启动器

React-Landing-Page-Template — React 企业官网模板

作者 issaafalkattan

基于 React 的单页企业/初创公司落地页模板，视觉内容集中在 data.json 中维护，并提供可接入 EmailJS 的联系表单。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

React 单页落地页结构，适合初创公司或服务型企业展示

页面文案与图片引用集中在 data.json，便于替换内容

图片资源位于 public/img/，样式文件位于 public/css/

联系表单可接入 EmailJS，需自行配置 service ID、template ID 与 Public Key

代码采用 MIT 许可，允许使用、修改、商用与分发

模板详细介绍

这是一个面向初创公司或服务型企业的单页 React 落地页模板，页面结构为单页视图，设计参考 Free-CSS.com 的 Interact 模板。模板把可变的视觉内容集中到 data.json 文件，修改该文件即可替换页面上的文案与图片引用；图片资源放在 public/img/ 目录，样式则通过 public/css 下的文件调整。

联系表单默认不直接可用，需要自行注册 EmailJS 账号，并在 src/components/contact.jsx 中替换 service ID、template ID 和 Public Key 后才能发送邮件。仓库 README 同时提示已有更新的 V2 版本（react-landing-page-template-2021），本模板属于较早的版本。

使用前需要本地安装 Node.js，克隆代码后通过 yarn 安装依赖并运行 yarn start 启动开发环境。代码采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可；域名、托管等外部服务可能产生额外费用。

React企业官网启动器

适合你的项目吗？

适用场景

为初创公司或服务型企业快速搭建单页介绍页面
作为 React 落地页项目的起点，替换 data.json 后上线
需要单页结构并希望以集中配置文件维护文案与图片的展示场景

适合人群

熟悉 React 与 yarn 工作流的前端开发者
需要单页企业官网或产品落地页的初创团队
愿意自行配置 EmailJS 以启用联系表单的开发者

上手与定制指南

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

1
本地需安装 Node.js，克隆仓库后运行 yarn 安装依赖，再运行 yarn start 启动
2
修改 data.json 替换页面数据，并将图片放入 public/img/
3
样式调整在 public/css 目录下的文件中进行
4
联系表单需注册 EmailJS 账号，并在 src/components/contact.jsx 中替换 service ID、template ID 和 Public Key
5
演示图片、字体、图标等第三方素材需按各自许可核对，不能仅凭 MIT 许可判断

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

联系表单功能依赖第三方服务 EmailJS：需自行注册 EmailJS 账号，并在 src/components/contact.jsx 中替换自己的 service ID、template ID 与 Public Key，否则表单无法发送邮件。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

you also need to create an EmailJS account, and modify the ```src/components/contact.jsx``` file to replace your own service ID, template ID and Public Key
README 原文

https://github.com/issaafalkattan/React-Landing-Page-Template/blob/master/LICENSE https://github.com/issaafalkattan/React-Landing-Page-Template/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 100 / 100
技术栈: React
网站类型: 企业官网 · 启动器

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-07-21
截图检查日期: 2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 9dced2f9c26377e8e05ed2dd1492a1601e470f579eb5d9d1e9af30dff4926ed5

2026-10-02T06:53:08.991Z

来源文件 / 仓库

# React JS Landing Page Template

**

# 🛎️🛎️ Good news! New & improved [V2](https://github.com/issaafalkattan/react-landing-page-template-2021) is out  

**


### <a href="https://react-landing-page-template-93ne.vercel.app/">LIVE DEMO</a> 

## Description
This is a ReactJS based landing page template, fit for a startup company/service with a one page view. The design is inspired by a template from <a href="https://www.free-css.com/assets/files/free-css-templates/preview/page234/interact/">Free-CSS.com </a>
All 'visual' data can be easily modified by changing the data.json file.

## Make it Yours!
### 1. Preps
You will need to have <a href="https://nodejs.org/">Node JS</a> installed on your pc. 

### 2. Clone Files
After cloning the files, you will have to run ```yarn``` followed by ```yarn start``` in the CLI
### 3. Add your own data 
Change the data in the ```data.json``` file as well as add any images to ```public/img/```
You can also change styles by modifying the ```public/css``` files.
If you need the contact form to work, you also need to create an EmailJS account, and modify the ```src/components/contact.jsx``` file to replace your own service ID, template ID and Public Key

## Like this project?
<a href="https://www.buymeacoffee.com/issaaf">Buy my a coffee ☕️</a>

## Credits
##### Free CSS 
<a href="https://www.free-css.com/assets/files/free-css-templates/preview/page234/interact/">Free-CSS.com </a>

##### Issaaf kattan

反馈内容错误