Skip to content

Lifa-su/ai-landing-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🚀 AI Landing Page Generator

One-click AI-powered landing page generator — Enter your product info, get a beautiful, responsive HTML page in seconds.

一键 AI 生成精美营销落地页 — 输入产品信息,秒级生成完整响应式 HTML 页面。

Stars Forks License Issues GitHub Pages

🎯 Live Demo · 🐛 Report Bug · 💡 Request Feature


📸 Screenshot / 截图

AI Landing Page Generator Screenshot

Generate professional landing pages with AI in seconds / 秒级生成专业落地页


✨ Features / 功能亮点

  • 🤖 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 文件,无需构建工具

🚀 Quick Start / 快速开始

1️⃣ Get a DeepSeek API Key / 获取 API Key

Go to DeepSeek Platform to sign up and create your API key.

2️⃣ Open the Tool / 打开工具

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

3️⃣ Generate / 开始生成

  1. Enter your DeepSeek API Key
  2. Fill in product info (name, description, features, target audience)
  3. Choose a design style
  4. Click "Generate Landing Page"
  5. Preview, copy code, or download HTML

🎯 Demo

👉 Try it now → https://lifa-su.github.io/ai-landing-generator


🛠 Tech Stack / 技术栈

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

📦 Project Structure / 项目结构

ai-landing-generator/
├── index.html              # Complete app (HTML + CSS + JS all-in-one)
├── README.md               # Documentation
└── .github/
    └── workflows/
        └── pages.yml       # GitHub Pages auto-deployment

🏗 Generated Page Includes / 生成的页面包含

  • 🎯 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

🤝 Contributing / 贡献指南

Contributions are welcome! Feel free to:

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

欢迎贡献代码!请 Fork 本仓库,创建分支,提交 PR。


📄 License

This project is licensed under the MIT License.


If this project helps you, please give it a ⭐ Star!

如果这个项目对你有帮助,请给一个 ⭐ Star 支持一下!

Made with ❤️ by Lifa-su

About

🚀 AI Landing Page Generator — One-click generate beautiful, responsive marketing landing pages with AI. Powered by DeepSeek. Zero dependencies, single HTML file.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors