需求人群:
"该模板适合需要快速搭建AI项目展示页面的开发者和企业。它提供了一系列定制选项,使得用户可以根据自己的品牌和项目需求进行个性化设置,从而吸引潜在客户或用户。"
使用场景示例:
AI初创公司使用该模板快速搭建产品介绍页面
数据科学团队用于展示他们的机器学习项目
技术博客用于发布关于AI技术的文章和资源
产品特色:
使用Next.js和Shadcn UI构建,确保页面性能和美观
支持本地开发,方便开发者进行个性化定制和预览
提供数据和模板的自定义选项,用户可以根据需要调整页面内容和风格
支持创建新的页面和模板,增加项目的灵活性和扩展性
提供清晰的文档和指导,帮助用户快速上手
MIT许可证,用户可以自由使用和分发
使用教程:
克隆仓库到本地环境
进入项目目录并安装依赖
根据需要编辑data/demo.ts文件来自定义页面内容
根据需要编辑templates/shadcn/文件夹来自定义页面风格
在app文件夹中创建新的page.tsx文件来添加新的页面
本地预览修改后的着陆页
将完成的着陆页部署到服务器或GitHub Pages
浏览量:33
最新流量情况
月访问量
4.93m
平均访问时长
00:06:29
每次访问页数
6.10
跳出率
36.08%
流量来源
直接访问
54.82%
自然搜索
31.76%
邮件
0.04%
外链引荐
11.31%
社交媒体
1.86%
展示广告
0
截止目前所有流量趋势图
地理流量分布情况
中国
12.56%
德国
3.93%
印度
9.82%
俄罗斯
5.43%
美国
18.51%
一个开源的AI聊天机器人模板,使用Next.js和Vercel的AI SDK构建。
该产品是一个基于Next.js和Vercel AI SDK构建的开源聊天机器人模板。它通过使用streamText函数在服务器端和useChat钩子在客户端来创建无缝的聊天体验。这种技术能够实现高效的实时交互,为用户提供流畅的聊天服务。该产品主要面向开发者和需要快速搭建聊天机器人的用户,其开源特性使得用户可以根据自身需求进行定制和扩展。目前未明确提及价格,但从开源的角度来看,可能对基础使用是免费的。
利用AI生成的Next.js开源应用模板。
Fragments是一个基于Next.js的开源模板,用于构建完全由AI生成的应用。它集成了E2B Sandbox SDK和Code Interpreter SDK,支持多种编程语言和框架,如Python、Next.js、Vue.js等,并支持多种人工智能大型语言模型(LLM)提供商,如OpenAI、Anthropic等。此模板特别适合希望快速启动并利用AI进行应用开发的开发者。
使用Next.js、Drizzle等技术构建的Duolingo克隆版
这是一个使用Next.js 14、React、Drizzle ORM、Stripe等技术构建的Duolingo克隆版网站。主要功能包括:AI语音学习、美化的组件系统、角色扮演、用户认证、声音效果、心形生命系统、积分/经验值系统、旧课程复习夺回心形、排行榜、任务里程碑、商店系统、付费无限心形、登陆页面、管理员仪表盘、ORM使用Drizzle、PostgresDB使用NeonDB、Vercel部署、移动端响应式等。定位为一款综合语言学习网站。
一个为RAG(检索增强生成)AI助手设计的React组件,可快速集成到Next.js应用中。
该产品是一个React组件,专为RAG(检索增强生成)AI助手设计。它结合了Upstash Vector进行相似性搜索、Together AI作为LLM(大型语言模型)以及Vercel AI SDK用于流式响应。这种组件化设计使得开发者可以快速将RAG能力集成到Next.js应用中,极大地简化了开发流程,同时提供了高度的可定制性。其主要优点包括响应式设计、支持流式响应、持久化聊天历史以及支持暗黑/浅色模式等。该组件主要面向需要在Web应用中集成智能聊天功能的开发者,尤其是那些使用Next.js框架的团队。它通过简化集成过程,降低了开发成本,同时提供了强大的功能。
由Pagen AI创建的AI着陆页模板
Pagen AI Landing Page Template是一个由Pagen AI创建的AI着陆页模板,使用Next.js和Shadcn UI构建。它允许用户快速搭建一个专业的着陆页面,用于展示AI相关的产品或服务。该模板易于定制,支持本地开发和预览,适合需要快速上线AI项目展示页面的开发者和企业使用。
将任何网站转换为React/Next.js应用程序的免费开源AI工具,可在几秒钟内生成干净的代码。
Open Lovable是一款革命性的开源AI工具,可以在几秒钟内将任何网站转换为干净的React/Next.js应用程序。由Mendable AI开发,是Lovable.ai的免费替代品。
使用AI快速创建令人惊叹的网站和落地页,无需编码技能,支持Next.js搭建。
Webdone是一款基于AI的网站和落地页生成工具,旨在帮助用户快速创建和发布高质量的网页。它通过AI技术自动生成布局和设计,支持Next.js框架,能够快速搭建高性能的网页。其主要优点包括无需编码技能、快速生成页面、高度可定制化以及优化的SEO性能。Webdone适合独立开发者、初创企业和需要快速搭建网页的用户,提供从免费试用到付费高级功能的多种选择。
Piny是一个强大的Astro、React、Next.js和Tailwind CSS的视觉编辑器。
Piny是一个强大的视觉编辑器,可用于Astro、React、Next.js和Tailwind CSS。它能够直观地编辑代码、浏览组件、并简化样式设计,无需特殊库或额外设置。Piny旨在帮助开发者快速编码、保持控制,并与他们喜爱的编码助手一起使用。
使用OpenAI Assistants API和Next.js快速搭建聊天机器人应用
OpenAI Assistants API quickstart with Next.js 是一个使用OpenAI的Assistants API和Next.js框架快速搭建聊天机器人的模板项目。它支持流式传输、代码解释器和文件搜索等高级功能,旨在展示如何在Next.js应用中集成OpenAI的强大能力。
Codev 是一个将文本描述转换为全栈 Next.js 网络应用的人工智能平台。
Codev 是一个强大的 AI 驱动的开发平台,它能够将自然语言描述快速转化为功能完备的全栈 Next.js 网络应用。其核心优势在于极大地缩短了从创意到产品落地的时间,降低了开发门槛,即使是非开发者也能轻松上手。该平台背后有强大的技术支持,如 Next.js 框架和 Supabase 数据库,确保生成的应用具有良好的性能和可扩展性。它主要面向开发者和创意者,帮助他们快速实现想法,目前处于免费阶段,旨在吸引用户并拓展社区。
NextStarterAI:一站式开发套件,用于您的下一个项目。包括Next.js、Tailwind CSS、Supabase、Stripe、Lemon Squeezy等。
NextStarterAI是一个全面的开发套件,旨在帮助用户快速启动SaaS、AI工具或其他任何类型的Web应用程序。它提供了Next.js模板、着陆页组件、支付系统集成(Stripe/Lemon Squeezy)、营销指南、数据库解决方案(Supabase)、SEO标签、博客板块、邮件发送服务(Mailgun)等,以及终身更新。
一个使用TailwindCSS和shadcn/ui构建界面的笔记本编辑器。
Layouts.dev是一个为帮助您快速开发界面而设计的笔记本式编辑器。它具有简单的语法,适用于设计师和开发人员。产品背景包括简化前端开发流程,提供即时创建、预览和部署界面的功能。
Reweb 是一个为开发者设计的可视化网站构建工具。
Reweb 是一个为 Next.js 和 Tailwind CSS 开发者设计的可视化网站构建工具。它允许用户以无代码的速度构建网站,同时导出高质量的 Next.js 代码库,以便开发者可以自由定制和部署。Reweb 提供了视觉编辑器,可以实时编辑 Tailwind 和 Shadcn UI 组件,并且支持从提示生成美观的主题和调色板。此外,Reweb 还提供了预制的模板和社区支持,以帮助开发者快速启动项目。
一款用于AI驱动的Web应用、电子商务和仪表板的高级React组件集合
NextUI Pro是由NextUI的创建者制作的一款高级React组件集合,用于开发AI驱动的Web应用、电子商务和仪表板等项目。它提供了丰富的UI组件和设计系统,使开发者能够快速构建出现代化的用户界面。NextUI Pro支持使用React、Next.js、Tailwind CSS和其他技术进行定制开发,提供了丰富的功能和优势,并提供灵活的定价方案来满足不同项目的需求。
现代 React 框架
Next.js 是一个用于构建现代 React 应用程序的框架。它提供了许多功能和优势,包括服务器渲染、静态生成、热模块替换等。Next.js 的定价根据使用情况而定,定位于开发人员和企业用户。
使用AI提示构建全栈应用
FULL STACK AI是一款使用AI CLI生成全栈Next.js应用的工具。用户可以通过输入AI提示来生成包含TypeScript、Tailwind、Prisma、Postgres、tRPC、认证、Stripe和Resend等功能的全栈应用。
开源徽标生成器,快速创建专业徽标
Nutlope/logocreator是一个开源的徽标生成器,它利用Flux Pro 1.1在Together AI上进行徽标生成。该产品支持快速创建专业徽标,具有高度的自定义性,使用户能够在短时间内设计出符合自己需求的徽标。它采用了Next.js与TypeScript构建应用框架,Shadcn提供UI组件,Tailwind进行样式设计,Upstash Redis进行速率限制,Clerk进行身份验证,Plausible和Helicone进行分析和可观测性。这个项目不仅免费开源,而且易于使用,对于需要快速设计徽标的个人和企业来说,是一个极具价值的工具。
优质Figma UI Kits
UIAnts是一家提供高质量Figma UI Kits的公司,产品包括Avatar AI、Convo AI、GoGroceries、Crypto Valley等多个UI Kit。UIAnts的UI Kits提供了丰富的设计元素和界面模板,帮助用户在设计中实现完美的界面效果。
AI应用快速生成器
AnotherWrapper是一个AI应用快速生成器,旨在帮助开发者节省100多个小时的编码和头痛时间。它提供了一个全功能的Next.js AI启动套件,集成了多种AI模型和后端API路由,允许用户在沙盒中尝试并下载代码。产品背景信息显示,开发者Fekri在15个月内构建了约10个不同的AI应用,注意到在设置基础设施上浪费了大量时间,因此创建了这个工具以简化流程。产品定位于帮助用户快速启动AI创业项目,价格方面提供一次性付费,无限产品构建的选项。
构建和交付AI的Next.js模板和教程
SHIPGPT是一个前后端完整的AI模板,提供了各种AI用例的脚手架,使您能够构建自己的AI应用程序或将AI集成到现有技术中,无需雇佣全栈开发人员和AI开发包装器。
AI辅助的UI设计工具,支持暗色系UI设计。
FLUX_UI设计是一个利用AI技术辅助用户生成具有艺术感的UI设计模型。它特别适用于B端的深色UI设计,支持发光效果,能够生成具有专业感和技术感的电商管理界面。该模型通过数据可视化和商业洞察,为商家提供全面的运营决策支持。
多场景 Next.js 全栈 SaaS 开发模板。
Nexty 是一个功能齐全的 Next.js SaaS 全栈模板,让你能够快速构建各种商业网站,无论是内容站、工具站还是集成 AI 能力的付费网站。该模板提供完整的用户认证、支付、内容管理和 AI 功能,模块化设计帮助开发者专注于产品创新。
将草图转化为 UI 代码
UI Sketcher 是一个可以将草图转化为 UI 代码的插件。它可以帮助用户快速将草图设计转化为可用的 UI 代码,提高开发效率。该插件支持在 Visual Studio Code 中使用,用户可以通过在插件中进行草图设计并转化为 UI 代码。UI Sketcher 支持下载安装,并提供详细的使用文档。该插件主要优势在于快速、高效地将草图转化为 UI 代码,提供了简单易用的界面和丰富的功能。
简单、强大、灵活的网站生成框架
Nextra是一个简单、强大、灵活的网站生成框架,集成了您喜欢的Next.js的所有功能。它提供了简单易用的文档,易于安装和构建,支持实时渲染和调试。Nextra的核心和主题均可通过PNPM进行构建,并支持监视模式。它适用于个人网站、博客、文档站点等各种网站类型。
快速AI语音助手
Swift是一个由Groq、Cartesia和Vercel支持的快速AI语音助手。它使用Groq进行OpenAI Whisper和Meta Llama 3的快速推理,Cartesia的Sonic语音模型进行快速语音合成,并实时流式传输到前端。VAD技术用于检测用户说话并运行语音片段上的回调。Swift是一个使用TypeScript编写的Next.js项目,并部署在Vercel上。
专注于UI/UX设计工具和资源分享的平台。
UI root是一个专注于提供UI/UX设计工具和资源的平台,帮助设计师提高工作效率和创造力。其主要优点包括丰富的设计工具、灵感资源和优质内容,定位于为设计师提供全面的支持和灵感。
一个开源项目,用于在浏览器中演示 AI 视频生成模型。
video-starter-kit 是一个强大的开源工具包,用于构建基于 AI 的视频应用。它基于 Next.js、Remotion 和 fal.ai 构建,简化了在浏览器中使用 AI 视频模型的复杂性。该工具包支持多种先进的视频处理功能,如多剪辑视频合成、音频轨道集成和语音支持等,同时提供了开发者友好的工具,如元数据编码和视频处理管道。它适用于需要高效视频生成和处理的开发者和创作者。
基于WebRTC的语音AI流应用,使用OpenAI实时API和WebRTC开发。
该项目是一个使用OpenAI实时API和WebRTC技术开发的WebRTC-based Voice AI stream application,以Next.js框架搭建,具备服务器端渲染和API路由功能,配合shadcn/ui开发的UI组件,支持实时音频对话,还加入了抽象WebRTC处理的hook,以及6个示例函数展示客户端工具与实时API结合使用。项目开源免费,主要面向开发者,可用于快速搭建具有语音AI功能的Web应用。
一个开源的编程助手工具,帮助开发者简化编程任务。
Coding-agent 是一个开源的编程助手工具,旨在通过集成先进的编程辅助技术来简化开发者的任务。它使用了 LangGraph 代理技术,能够生成高质量的代码响应。该工具基于 Next.js 和 CopilotKit 构建,具有高效性和易用性。它适用于开发者在日常编程中快速解决问题、生成代码片段和优化开发流程。作为一个开源项目,它为开发者提供了一个灵活且可定制的编程环境,同时通过社区的力量不断优化和扩展功能。
© 2025 AIbase 备案号:闽ICP备08105208号-14