
CopyGen v1.5.0 - AI Writer and Copywriting Landing Page HTML Template
# 项目简介
CopyGen 是一套基于 Bootstrap 5 的 AI 内容生成器着陆页与管理后台 HTML 模板,包含 7 种首页变体、表单、支付、文档编辑器等完整页面,并附带 RTL 布局支持。适合快速搭建 AI SaaS 产品的前端原型。
## 技术栈
- Bootstrap v5.3.0
- Gulp 4(构建工具)
- SCSS / Sass(样式预处理)
- Swiper、GLightbox、Masonry-layout、Typed.js(交互与动画库)
- TinyMCE、Choices.js、PrismJS(仪表盘专用组件)
## 项目结构
```
copygenhtml-150/
├── copygen-html/ # 着陆页模板
│ ├── html/
│ │ ├── index.html # 首页(7 种变体)
│ │ ├── login.html
│ │ ├── create-account.html
│ │ └── assets/
│ └── rtl-html/ # RTL 布局版本
├── copygen-dashboard/ # 管理后台模板
│ ├── html/
│ │ ├── document-editor.html
│ │ ├── templates-list.html
│ │ └── profile.html
│ ├── gulpfile.js
│ └── package.json
└── docs/ # 官方文档
└── index.html
```
## 核心文件说明
- `copygen-html/html/index.html` — 主着陆页入口,包含导航与首页变体切换
- `copygen-dashboard/html/templates-list.html` — 模板列表页面,含筛选与分页
- `copygen-dashboard/html/document-editor.html` — 富文本文档编辑器(基于 TinyMCE)
- `copygen-dashboard/gulpfile.js` — Gulp 构建配置,支持 SCSS 编译与 RTL 转换
- `copygen-html/rtl-html/` — 所有着陆页的 RTL(从右到左)布局版本
- `docs/index.html` — 模板官方文档,含快速启动与结构说明
## 快速开始
```bash
cd copygen-dashboard
npm install
npx gulp
```
纯静态页面可直接用浏览器打开 `copygen-html/html/index.html`。
## 使用建议
仪表盘部分依赖 TinyMCE 等大型库,若不需要所有功能可按需移除对应依赖;RTL 版本已预置,直接使用 `rtl-html/` 下的文件即可适配阿拉伯语等场景。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML