项目简介link

CopyGen 是一套基于 Bootstrap 5 的 AI 内容生成器着陆页与管理后台 HTML 模板，包含 7 种首页变体、表单、支付、文档编辑器等完整页面，并附带 RTL 布局支持。适合快速搭建 AI SaaS 产品的前端原型。

技术栈link

• Bootstrap v5.3.0
• Gulp 4（构建工具）
• SCSS / Sass（样式预处理）
• Swiper、GLightbox、Masonry-layout、Typed.js（交互与动画库）
• TinyMCE、Choices.js、PrismJS（仪表盘专用组件）

项目结构link

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

核心文件说明link

• 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 — 模板官方文档，含快速启动与结构说明

快速开始link

cd copygen-dashboard
npm install
npx gulp

纯静态页面可直接用浏览器打开 copygen-html/html/index.html。

使用建议link

仪表盘部分依赖 TinyMCE 等大型库，若不需要所有功能可按需移除对应依赖；RTL 版本已预置，直接使用 rtl-html/ 下的文件即可适配阿拉伯语等场景。