%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20}%20.st1%20{%20fill:%20%235ce6cf;%20}%20.st2%20{%20fill:%20%230080ff;%20}%20.st3%20{%20clip-path:%20url(%23clippath);%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='st0'%20y='0'%20width='120'%20height='32'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='st3'%3e%3cg%3e%3cpath%20class='st1'%20d='M22.4,32H3.2c-1,0-2-.5-2.6-1.4-.6-.9-.7-2-.4-2.9L9.8,2.1C10.3.8,11.5,0,12.8,0s2.5.8,3,2.1l9.6,25.6c.4,1,.2,2.1-.4,2.9-.6.9-1.6,1.4-2.6,1.4ZM7.8,25.6h10l-5-13.3-5,13.3Z'/%3e%3cpath%20class='st2'%20d='M33.6,32c-1.3,0-2.5-.8-3-2.1L21,4.3c-.6-1.7.2-3.5,1.9-4.1,1.7-.6,3.5.2,4.1,1.9l9.6,25.6c.6,1.7-.2,3.5-1.9,4.1-.4.1-.8.2-1.1.2h0Z'/%3e%3cpath%20d='M71.8,9.1h-6.9v4.6h6.9c2.5,0,4.6,2,4.6,4.6h-6.9c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9h2.3c1.7,0,3.2-.4,4.6-1.2v1.2h4.6v-13.7c0-5-4.1-9.1-9.1-9.1h0ZM71.8,27.4h-2.3c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h6.9c0,2.5-2,4.6-4.6,4.6h0Z'/%3e%3cpath%20d='M52.3,9.1h-4.6V0h-4.6V32h9.1c5,0,9.1-4.1,9.1-9.1v-4.6c0-5.1-4.1-9.1-9.1-9.1h0ZM56.9,22.9c0,2.5-2,4.6-4.6,4.6h-4.6v-13.7h4.6c2.5,0,4.6,2,4.6,4.6v4.6h0Z'/%3e%3cpath%20d='M110.9,13.7h9.1v-4.6h-9.1c-5.1,0-9.1,4.1-9.1,9.1v4.6c0,5.1,4.1,9.1,9.1,9.1h9.1v-4.6h-9.1c-2.5,0-4.6-2-4.6-4.6h13.7v-4.6h-13.7c0-2.5,2-4.6,4.6-4.6h0Z'/%3e%3cpath%20d='M93.6,18.3h-4.6c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h10.3v-4.6h-10.3c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9h4.6c1.3,0,2.3,1,2.3,2.3s-1,2.3-2.3,2.3h-10.3v4.6h10.3c3.8,0,6.9-3.1,6.9-6.9s-3.1-6.9-6.9-6.9Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
简介
Pagen AI Landing Page Template是一个由Pagen AI创建的AI着陆页模板，使用Next.js和Shadcn UI构建。它允许用户快速搭建一个专业的着陆页面，用于展示AI相关的产品或服务。该模板易于定制，支持本地开发和预览，适合需要快速上线AI项目展示页面的开发者和企业使用。
截图
产品特色
使用Next.js和Shadcn UI构建，确保页面性能和美观
支持本地开发，方便开发者进行个性化定制和预览
提供数据和模板的自定义选项，用户可以根据需要调整页面内容和风格
支持创建新的页面和模板，增加项目的灵活性和扩展性
提供清晰的文档和指导，帮助用户快速上手
MIT许可证，用户可以自由使用和分发
使用教程
克隆仓库到本地环境
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
进入项目目录并安装依赖
根据需要编辑data/demo.ts文件来自定义页面内容
根据需要编辑templates/shadcn/文件夹来自定义页面风格
在app文件夹中创建新的page.tsx文件来添加新的页面
本地预览修改后的着陆页
将完成的着陆页部署到服务器或GitHub Pages
流量来源
| 直接访问 | 51.61% | 外链引荐 | 33.46% | 邮件 | 0.04% |
| 自然搜索 | 12.58% | 社交媒体 | 2.19% | 展示广告 | 0.11% |
最新流量情况
月访问量
4.92m
平均访问时长
393.01
每次访问页数
6.11
跳出率
36.20%
总流量趋势图
地理流量分布情况
美国
19.34%
中国
13.25%
印度
9.32%
俄罗斯
4.28%
德国
3.63%
地理流量分布全球图
同类开源产品
Coframe.com
Coframe是一个利用人工智能技术进行网站优化和个性化的平台。
AI网站生成#UI代码生成
Pagen AI Landing Page Template
Pagen AI Landing Page Template是一个由Pagen AI创建的AI着陆页模板，使用Next.js和Shadcn UI构建。
AI网站生成#Shadcn UI
AITDK AI落地页生成器
中文精选
AITDK AI落地页生成器是一个利用人工智能技术帮助用户轻松创建和优化着陆页的在线工具。
AI网站生成#营销优化
Webdesignagent
优质新品
WebDesignAgent是一个自动化的网站设计代理，能够帮助用户通过文本描述、图片上传或视觉布局，快速创建出美观且功能齐全的网站。
AI网站生成#网站设计
Notion Sites
Notion Sites 是一个简单易用的网站搭建工具，用户可以通过拖放式构建块快速创建个性化网站，无需编写复杂的HTML或代码。
AI网站生成#个性化
Webflow
Webflow是一款领先的可视化网页设计和开发工具。
AI网站生成#网站建设
Nextra
Nextra是一个简单、强大、灵活的网站生成框架，集成了您喜欢的Next.js的所有功能。
AI网站生成#Next.js
Framer.com
Framer是一个团队设计和发布惊艳网站的平台。
AI网站生成#网站
Uidraw
UIDraw 是一个可以在手机上绘制并构建网站的应用。
AI网站生成#设计
替代品
Pagen AI Landing Page Template
Pagen AI Landing Page Template是一个由Pagen AI创建的AI着陆页模板，使用Next.js和Shadcn UI构建。
AI网站生成#Shadcn UI
Webdesignagent
优质新品
WebDesignAgent是一个自动化的网站设计代理，能够帮助用户通过文本描述、图片上传或视觉布局，快速创建出美观且功能齐全的网站。
AI网站生成#网站设计
Nextra
Nextra是一个简单、强大、灵活的网站生成框架，集成了您喜欢的Next.js的所有功能。
AI网站生成#Next.js
Uidraw
UIDraw 是一个可以在手机上绘制并构建网站的应用。
AI网站生成#设计
精选AI产品推荐
Nocode
中文精选
NoCode 是一款无需编程经验的平台，允许用户通过自然语言描述创意并快速生成应用，旨在降低开发门槛，让更多人能实现他们的创意。
开发平台#应用开发
912
Listenhub
优质新品
ListenHub 是一款轻量级的 AI 播客生成工具，支持中文和英语，基于前沿 AI 技术，能够快速生成用户感兴趣的播客内容。
音频生成#AI
348
Lovart
国外精选
Lovart 是一款革命性的 AI 设计代理，能够将创意提示转化为艺术作品，支持从故事板到品牌视觉的多种设计需求。
AI设计工具#创意工具
1,128
Fastvlm
FastVLM 是一种高效的视觉编码模型，专为视觉语言模型设计。
AI模型#图像处理开源
564
Smart PDFs
国外精选
Smart PDFs 是一个在线工具，利用 AI 技术快速分析 PDF 文档，并生成简明扼要的总结。
文章摘要#AI
984
Keysync
KeySync 是一个针对高分辨率视频的无泄漏唇同步框架。
视频编辑#视频处理开源
480
Anyvoice
AnyVoice是一款领先的AI声音生成器，采用先进的深度学习模型，将文本转换为与人类无法区分的自然语音。
音频生成#文本转语音
26.38k
Liblibai
中文精选
LiblibAI是一个中国领先的AI创作平台,提供强大的AI创作能力,帮助创作者实现创意。
AI模型#图像生成
344.42k