One-click AI-powered landing page generator — Enter your product info, get a beautiful, responsive HTML page in seconds.
一键 AI 生成精美营销落地页 — 输入产品信息,秒级生成完整响应式 HTML 页面。
- 🤖 AI-Powered Generation — Enter product name, description, features & target audience, get a complete landing page instantly
AI 驱动生成 — 输入产品信息,即刻获得完整落地页 - 🎨 6 Design Styles — Tech / Minimal / Business / Colorful / Dark Premium / Warm & Friendly
6 种设计风格 — 科技感 / 简约清新 / 商务专业 / 活力多彩 / 暗黑高端 / 温暖亲和 - 👁 Real-time Preview — Watch your landing page come to life with SSE streaming
实时预览 — SSE 流式响应,边生成边预览 - 📱 Responsive Output — Generated pages are fully responsive out of the box
响应式输出 — 生成的页面自带响应式设计 - 📋 One-click Export — Copy code or download as HTML file
一键导出 — 复制代码或下载 HTML 文件 - 🔒 Privacy First — API key stored locally in browser, never uploaded to any server
隐私优先 — API Key 仅保存在浏览器本地 - 💰 Ultra Low Cost — Powered by DeepSeek API, ~¥0.01-0.05 per generation
超低成本 — 使用 DeepSeek API,每次生成约 ¥0.01-0.05 - 📦 Zero Dependencies — Single HTML file, no build tools, no frameworks, no npm
零依赖 — 单个 HTML 文件,无需构建工具
Go to DeepSeek Platform to sign up and create your API key.
Option A: Use the online demo directly / 直接使用在线版:
👉 https://lifa-su.github.io/ai-landing-generator
Option B: Run locally / 本地运行:
git clone https://github.com/Lifa-su/ai-landing-generator.git
cd ai-landing-generator
open index.html
# or use a local server:
# python3 -m http.server 8080- Enter your DeepSeek API Key
- Fill in product info (name, description, features, target audience)
- Choose a design style
- Click "Generate Landing Page"
- Preview, copy code, or download HTML
👉 Try it now → https://lifa-su.github.io/ai-landing-generator
| Technology | Purpose |
|---|---|
| HTML / CSS / JavaScript | Pure frontend, single-file architecture |
| DeepSeek Chat API | AI content generation (deepseek-chat model) |
| SSE (Server-Sent Events) | Real-time streaming response |
| iframe Sandbox | Secure isolated preview |
| GitHub Pages | Static hosting & deployment |
ai-landing-generator/
├── index.html # Complete app (HTML + CSS + JS all-in-one)
├── README.md # Documentation
└── .github/
└── workflows/
└── pages.yml # GitHub Pages auto-deployment
- 🎯 Hero Section — Headline + subtitle + CTA button + gradient background
- 💎 Features — Card-based layout showcasing product highlights
- 🏆 Advantages — Product benefits and differentiators
- 💬 Testimonials — User reviews and social proof
- 💰 Pricing Plans — Free / Pro / Enterprise tiers
- 📢 Bottom CTA + Footer — Final call-to-action and footer
Contributions are welcome! Feel free to:
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
欢迎贡献代码!请 Fork 本仓库,创建分支,提交 PR。
This project is licensed under the MIT License.
If this project helps you, please give it a ⭐ Star!
如果这个项目对你有帮助,请给一个 ⭐ Star 支持一下!
Made with ❤️ by Lifa-su