需求人群:
"该模板适合需要快速搭建AI项目展示页面的开发者和企业。它提供了一系列定制选项,使得用户可以根据自己的品牌和项目需求进行个性化设置,从而吸引潜在客户或用户。"
使用场景示例:
AI初创公司使用该模板快速搭建产品介绍页面
数据科学团队用于展示他们的机器学习项目
技术博客用于发布关于AI技术的文章和资源
产品特色:
使用Next.js和Shadcn UI构建,确保页面性能和美观
支持本地开发,方便开发者进行个性化定制和预览
提供数据和模板的自定义选项,用户可以根据需要调整页面内容和风格
支持创建新的页面和模板,增加项目的灵活性和扩展性
提供清晰的文档和指导,帮助用户快速上手
MIT许可证,用户可以自由使用和分发
使用教程:
克隆仓库到本地环境
进入项目目录并安装依赖
根据需要编辑data/demo.ts文件来自定义页面内容
根据需要编辑templates/shadcn/文件夹来自定义页面风格
在app文件夹中创建新的page.tsx文件来添加新的页面
本地预览修改后的着陆页
将完成的着陆页部署到服务器或GitHub Pages
浏览量:29
最新流量情况
月访问量
4.92m
平均访问时长
00:06:33
每次访问页数
6.11
跳出率
36.20%
流量来源
直接访问
51.61%
自然搜索
33.46%
邮件
0.04%
外链引荐
12.58%
社交媒体
2.19%
展示广告
0
截止目前所有流量趋势图
地理流量分布情况
中国
12.55%
德国
3.84%
印度
9.38%
俄罗斯
4.61%
美国
18.64%
一个开源的AI聊天机器人模板,使用Next.js和Vercel的AI SDK构建。
该产品是一个基于Next.js和Vercel AI SDK构建的开源聊天机器人模板。它通过使用streamText函数在服务器端和useChat钩子在客户端来创建无缝的聊天体验。这种技术能够实现高效的实时交互,为用户提供流畅的聊天服务。该产品主要面向开发者和需要快速搭建聊天机器人的用户,其开源特性使得用户可以根据自身需求进行定制和扩展。目前未明确提及价格,但从开源的角度来看,可能对基础使用是免费的。
使用Next.js、Drizzle等技术构建的Duolingo克隆版
这是一个使用Next.js 14、React、Drizzle ORM、Stripe等技术构建的Duolingo克隆版网站。主要功能包括:AI语音学习、美化的组件系统、角色扮演、用户认证、声音效果、心形生命系统、积分/经验值系统、旧课程复习夺回心形、排行榜、任务里程碑、商店系统、付费无限心形、登陆页面、管理员仪表盘、ORM使用Drizzle、PostgresDB使用NeonDB、Vercel部署、移动端响应式等。定位为一款综合语言学习网站。
利用AI生成的Next.js开源应用模板。
Fragments是一个基于Next.js的开源模板,用于构建完全由AI生成的应用。它集成了E2B Sandbox SDK和Code Interpreter SDK,支持多种编程语言和框架,如Python、Next.js、Vue.js等,并支持多种人工智能大型语言模型(LLM)提供商,如OpenAI、Anthropic等。此模板特别适合希望快速启动并利用AI进行应用开发的开发者。
一个为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项目展示页面的开发者和企业使用。
使用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辅助的UI设计工具,支持暗色系UI设计。
FLUX_UI设计是一个利用AI技术辅助用户生成具有艺术感的UI设计模型。它特别适用于B端的深色UI设计,支持发光效果,能够生成具有专业感和技术感的电商管理界面。该模型通过数据可视化和商业洞察,为商家提供全面的运营决策支持。
构建和交付AI的Next.js模板和教程
SHIPGPT是一个前后端完整的AI模板,提供了各种AI用例的脚手架,使您能够构建自己的AI应用程序或将AI集成到现有技术中,无需雇佣全栈开发人员和AI开发包装器。
多场景 Next.js 全栈 SaaS 开发模板。
Nexty 是一个功能齐全的 Next.js SaaS 全栈模板,让你能够快速构建各种商业网站,无论是内容站、工具站还是集成 AI 能力的付费网站。该模板提供完整的用户认证、支付、内容管理和 AI 功能,模块化设计帮助开发者专注于产品创新。
快速AI语音助手
Swift是一个由Groq、Cartesia和Vercel支持的快速AI语音助手。它使用Groq进行OpenAI Whisper和Meta Llama 3的快速推理,Cartesia的Sonic语音模型进行快速语音合成,并实时流式传输到前端。VAD技术用于检测用户说话并运行语音片段上的回调。Swift是一个使用TypeScript编写的Next.js项目,并部署在Vercel上。
将草图转化为 UI 代码
UI Sketcher 是一个可以将草图转化为 UI 代码的插件。它可以帮助用户快速将草图设计转化为可用的 UI 代码,提高开发效率。该插件支持在 Visual Studio Code 中使用,用户可以通过在插件中进行草图设计并转化为 UI 代码。UI Sketcher 支持下载安装,并提供详细的使用文档。该插件主要优势在于快速、高效地将草图转化为 UI 代码,提供了简单易用的界面和丰富的功能。
简单、强大、灵活的网站生成框架
Nextra是一个简单、强大、灵活的网站生成框架,集成了您喜欢的Next.js的所有功能。它提供了简单易用的文档,易于安装和构建,支持实时渲染和调试。Nextra的核心和主题均可通过PNPM进行构建,并支持监视模式。它适用于个人网站、博客、文档站点等各种网站类型。
专注于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应用。
AI加持的UI自动化工具,简化编码,提升效率。
Midscene.js是一个利用AI技术来简化UI自动化的工具。它通过多模态大语言模型(LLM)直观理解用户界面并执行必要的操作,用户只需描述交互步骤或期望的数据格式,AI即可完成任务。这一技术的重要性在于它极大地降低了UI自动化的维护难度,减少了因界面重构导致的脚本修改工作量,同时提升了自动化测试的效率和准确性。Midscene.js支持多种集成方式,如浏览器插件、Puppeteer和Playwright,并且提供可视化报告和调试工具。作为开源项目,Midscene.js采用MIT许可证,保证了数据的安全性和隐私性。
© 2025 AIbase 备案号:闽ICP备08105208号-14