- 综合排序
- 最热优先
- 最新优先
- 来自专栏了不得的专栏
react+网页端聊天项目|仿微信web版
前段时间有使用react全家桶技术开发过一个react版手机端聊天室，最近又接着捣鼓pc端聊天室。 ? 一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs 等技术混合开发的仿微信web端聊天室reactWebChat 二、技术选型 MVVM框架：react / react-dom 状态管理：redux / react-redux 页面路由：react-router-dom 弹窗插件：wcPop 打包工具 ": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-redux": "^7.1.0", "react-router-dom from 'react'; import ReactDOM from 'react-dom'; import App from '.
2.9K20发布于 2021-06-15 - 来自专栏程序那些事儿
快速生成模板网页？Framer AI 功能让设计更高效！
当今，随着人工智能技术的不断发展，越来越多的设计和开发工具开始集成 AI 功能，以帮助用户更加高效地完成工作。 Framer 作为一款新兴的设计和原型工具，也加入了 AI 功能，使其在市场上脱颖而出。 Framer 的 AI 功能可以根据用户提供的描述和设计元素，快速生成模板网页。 这个功能对于在短时间内需要快速完成网页设计的设计师十分有用。设计师只需要提供简单的描述或上传包含设计元素的图片，Framer 就能自动生成网页模板或布局，从而减少了设计师的工作量。 同时，Framer 的 AI 功能也可以让设计师更加专注于原型的交互和设计方面，提高了设计和原型的效率和质量。 总的来说，Framer 是一款功能强大、灵活多变的设计和原型工具，具备 AI 功能可以快速生成模板网页。
1.7K30编辑于 2023-07-24 - 来自专栏linux运维
协作场景：用AI优化React Native移动端表单验证
AI提供的帮助生成初始表单代码:我在Cursor输入：“生成一个ReactNativeTypeScript表单组件，包含邮箱和密码输入，带实时验证。” Cursor迅速给出了代码：importReact,{useState}from'react';import{View,Text,TextInput,Button}from'react-native'; Cursor建议用正则和错误提示：importReact,{useState}from'react';import{View,Text,TextInput,Button}from'react-native 思考与总结AI是开发加速器:Cursor快速生成表单和验证逻辑，省时省力。精准提示关键:要求“加邮箱密码验证”比“优化表单”更有效。测试不可少:AI代码需在Simulator验证，我加日志确认交互。 学习驱动成长:AI的正则解释让我开发更自信。
34410编辑于 2025-08-31 - 来自专栏编程进阶实战
1500+ 免费、美观的前端网页模板，建站神器（包括HTML、Vue、Angular、React等）！
前言 经常有小伙伴问我 Vue、React、Bootstrap 或者 Angular 这些有好看且免费的前端模板推荐的吗？ 今天大姚给大家分享一个宝藏网站，它汇聚了1500+ 免费、美观的前端网页模板，无论是 Vue、React、Bootstrap、Angular 等多种主流前端技术，你都能在这里找到心仪的模板，让你的前端开发之路更加顺畅 HtmlRev：https://htmlrev.com HtmlRev 包含但不限于 HTML、Bootstrap、Tailwind、Shadcn、Material、Bulma、Angular、React 应用场景 对于需要快速搭建网站的个人或小型企业而言，HtmlRev提供了丰富的模板选择。用户可以直接下载并使用这些模板，避免从零开始设计网页，大大节省了时间和成本。 对于网页设计师来说，HtmlRev上的模板也是寻找设计灵感的来源。通过浏览不同的模板，设计师可以汲取其中的设计元素和布局思路，为自己的设计工作提供新的启发。
5.5K10编辑于 2025-05-26 - 来自专栏GEE数据专栏，GEE学习专栏，GEE错误集等专栏
AI——五子棋网页端小游戏全附代码
五子棋是一种双人对战的棋类游戏。游戏的棋盘是一个15行15列的网格，双方玩家轮流在网格的空位上落子。目标是先在横线、竖线、斜线或对角线上形成连续的五个自己的棋子。
4.7K00编辑于 2025-02-06 - 来自专栏h5
2026原创自研React19+Vite8+ArcoDesign+Zustand中后台管理系统框架模板
经过一周高强度原创研发react19.2+react-router v7+arco-design+zustand5+react-activation+echarts等技术搭建网页版admin管理系统模板 KeepAlive> ) } return <>{content}</>}往期推荐文章自研Vite8+NaiveUI+Vue3+Echarts后台管理系统升级款vite8+vue3.5+arcoDesign网页端 webOS桌面框架Flutter3.41构建高性能App聊天界面对话+气泡+朋友圈 Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端 AI助手 Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 2026版開工新作uni-app+mphtml结合deepseek跨端ai应用 vite7.2-deepseek 流式ai对话|vue3.5+vant4+katex+mermaid智能ai打字会话 最新实战Vite7.3+Tauri2.10深度集成DeepSeek桌面端AI智能助手 electron38-vite7
28010编辑于 2026-07-08 - 来自专栏h5
2026新春之作跨端AI Chat系统|uniapp+vue3+deepseek流式ai模板
2026/2迎接新年实战uniapp+vue3+mphtml+deepseek从0-1纯手搓【h5+小程序+安卓】ai对话系统。 支持运行到小程序+Web+安卓端。 组件库：uni-ui+uv-ui高亮插件：highlight.jsmarkdown解析：ua-markdown+mp-html本地缓存：pinia-plugin-unistorage项目编译支持另外h5端还支持 mermaid图表渲染功能，图表支持移动端/pc端 拖拽 缩放功能。 编译运行到web端，以750px宽度显示页面布局。原创研发不易，感谢大家的阅读与支持！
46920编辑于 2026-02-10 - 来自专栏h5
vue3-deepseek-webai网页版AI Chat系统|vite7+arco+deepseek流式ai模板
2026/1開年最新实战vite7.x+vue3.5+arco+deepseek从0-1纯手搓网页端ai对话系统。 VScode技术框架：vite^7.2.4+vue^3.5.24+vue-router^4.6.4大模型框架：DeepSeek-R1 + OpenAIUI组件库：arco-design^2.57.0 (字节桌面端组件库 DeepSeek API配置VITE_DEEPSEEK_API_KEY = 替换为你的 API KeyVITE_DEEPSEEK_BASE_URL = https://api.deepseek.com项目布局模板项目整体布局结构如下图所示 finish_reason === 'stop') { // ... }}Okay，以上就是vue3接入deepseek搭建网页版ai对话系统的一些项目分享。希望对大家有点帮助~
82820编辑于 2026-01-07 - 来自专栏h5
自研react19.2+deepseek-v4+openai智能流式ai模板
这次爆肝一周基于react19技术栈整合最新deepseek-v4-flash从0-1手搓h5版流式ai聊天模板。 Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手uni-app+mphtml快速集成DeepSeek-V4智能ai应用Electron41 + Vite8打造流式输出客户端 +Vite8+ArcoDesign+Zustand中后台管理系统框架模板升级款vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts +Dio+WindowManager打造桌面版AI问答系统Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手Vite8.0+Vue3.5 +Arco深度对接DeepSeek网页版AI智能助手
14820编辑于 2026-07-20 - 来自专栏h5
基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包Kimi流式AI系统
经过一周快速研发，最新版react19.2+zustand5集成deepseek-v4-flash实战网页版ai流式对话助手。 [自研react19.2+deepseek-v4+openai智能流式ai模板](https://cloud.tencent.com/developer/article/2712737)react19- 项目模板，采用react hooks语法编码页面。 +Vite8+ArcoDesign+Zustand中后台管理系统框架模板升级款vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts +Arco深度对接DeepSeek网页版AI智能助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38-vite7-admin电脑端中后台管理系统 Electron38
16520编辑于 2026-07-27 - 来自专栏h5
全新研发electron41+react19+arco正式版deepseek-v4客户端ai系统exe
2026年8月爆肝新作React19+Electron41+ArcoDesign快速集成deepseek-v4-flash正式版大模型，零到一纯手撸一款高颜值桌面端ai流式打字对话系统。 +electron41搭建客户端ai对话系统就分享到这里，整个项目涉及到的知识点还是蛮多的，希望以上分享对大家也有点帮助哈~基于React19+Arco+Zustand5接入DeepSeek-V4网页版仿豆包 /Kimi流式AI系统Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手uni-app+mphtml快速集成DeepSeek-V4智能ai应用2026原创自研React19 +Vite8+ArcoDesign+Zustand中后台管理系统框架模板升级款vite8+vue3.5+arcoDesign网页端webOS桌面框架自研Vite8+NaiveUI+Vue3+Echarts Flutter3.41实战AI：从零到一构建app版流式ai系统Electron41 + Vite8打造流式输出客户端AI助手electron38-vite7-vue3os电脑端os管理系统 最新版electron38
13010编辑于 2026-08-03 - 来自专栏h5
react19+arco+zustand5+react-activation简约后台管理模板
原创React19 + Vite8 + react-activation0.13.4 + Zustand5 + react-router-dom v7搭建web版轻量级Admin管理系统模板。 推荐几个最新实战项目案例Flutter3.41构建高性能App聊天界面对话+气泡+朋友圈 Flutter3.41实战AI：从零到一构建app版流式ai系统 Electron41 + Vite8打造流式输出客户端 AI助手 Vite8.0+Vue3.5+Arco深度对接DeepSeek网页版AI智能助手 2026版開工新作uni-app+mphtml结合deepseek跨端ai应用 vite7.2-deepseek 流式ai对话|vue3.5+vant4+katex+mermaid智能ai打字会话 最新实战Vite7.3+Tauri2.10深度集成DeepSeek桌面端AI智能助手 electron38-vite7 +vite7+vue3+element-plus仿QQ/微信聊天应用 tauri2.9-vite7-vue3admin客户端后台系统管理Exe模板 最新原创uniapp-vue3-osadmin手机版后台管理系统
19510编辑于 2026-07-04 - 来自专栏灵墨AI探索室
AI编程实战：云开发疯狂助攻，React + Vite 做出 FPS 网页游戏不是梦
接下来就正式介绍一下这个项目的具体情况： 本项目是一个基于 React + Vite 构建的第一人称射击网页小游戏，融合了 腾讯云 CloudBase 的云开发能力，完整实现了如下功能： 用户注册与登录 Vite 4：实现快速开发与构建优化 Tailwind CSS：高效实现响应式界面与自定义样式 云开发能力： 借助 腾讯云 CloudBase，实现了以下云端功能： 静态网站托管：一键部署网页端游戏资源 CloudBase AI ToolKit CloudBase AI Toolkit 支持两种开发方式，开发者可按需选择： ✅ 方式一：使用项目模板 前往官方模板库 CloudBase AI Toolkit 模板，下载所需模版后，直接在本地开始开发，开箱即用、集成良好。 云开发数据库 接下来将进入 AI 编程部分，这一阶段完全由我们自主进行，用于优化 FPS 枪战网页的性能与体验。
1.1K81编辑于 2025-07-05 - 来自专栏CodeGuide | 程序员编码指南
AI Agent 八股文小册，在线版来啦！
什么是 ReAct 模式，底层工作原理是什么？ 多轮 Agent 对话怎么解决上下文溢出？ Agent 工具调用的工具类型都有哪些，在长对话中，怎么保证 Agent 的工具调用的可靠性。 第二篇：工具与技能（第6-9章） ️ 目标：让 Agent 拥有"手"和"脑"，能调用工具、组合技能。 Schema、最佳实践 第7章 MCP：工具的标准化接口 Model Context Protocol、Server/Client 架构 第8章 Skills：工具的组合与复用 技能编排、Prompt 模板 章节 标题 学完你会 第14章 CLI Agent：命令行智能助手 终端 Agent 实战、代码生成、运维自动化 第15章 GUI Agent：浏览器自动化 网页操作、表单填写、截图理解 第16章 RAG 比如 ReAct 的 Reasoning + Acting 循环，你看一遍动画就记住了，比看十遍文字都管用。 2.
52410编辑于 2026-07-06 Claude Code如何复刻网站流程
这个工具真正解决的麻烦，不是“让AI帮你抄一个网页”这么粗糙，而是把前端临摹里最耗时间的几件事——看页面结构、拆组件、整理设计token、还原样式、跑通Next.js项目——收束成一个可重复调用的Agent 更准确的说法是：它是一个面向AI编码Agent的前端逆向工程模板，目标是把网页复刻从一次性对话变成可重复运行的项目脚手架。 核心技术点或配置与权限这个模板的第一层设计点，是把网页复刻拆成Agent能理解的中间产物。 这里的关键不是“AI会写React”，而是把目标页面从视觉对象变成可施工对象：颜色、字体、间距、圆角、阴影、图标、图片资源、section边界、组件职责和响应式规则都要先被结构化。 这个约束听起来保守，但它能避免“AI工具能做”滑向“团队应该做”。对开源项目学习者来说，这也是一个很好的提示：AI编码模板的能力边界，往往不只在模型准确率，还在你给它的数据权限。
42920编辑于 2026-06-26- 来自专栏花雕学AI
《花雕学AI》20：ChatGPT使用之体验评测AI EDU的网页版+桌面端+Android+App store组合
最近准备出门，要去新疆哈密参加活动，一直在寻找手机上可用的AI移动端。 AI EDU 有网页版、桌面端、Android 和 App store 组合，可以让用户在不同的设备上使用 ChatGPT 学习。 本文的目的是对 AI EDU 的网页版、桌面端、Android 和 App store 组合进行体验评测，从界面、功能、性能、兼容性、创新性、互动性等方面进行分析和评价，并给出使用建议和改进意见。 图片 4、体验与测试（待续） 第二部分：尝试体验 AI EDU 桌面端的界面和功能 1、AI EDU PC 客户端 AI 问答现已集成到 Windows 和 macOS 客户端，点击即刻下载 同时支持 AI EDU 的网页版（待续）、桌面端、Android 和 App store 组合进行体验评测，由于时间短，只是个大致的了解，能用而已，后面有时间会做进一步多方面的体验与测试。
4K80编辑于 2023-04-16 - 来自专栏代码简单说
React 动森风 UI 组件库来了！Animal-Island-UI：让你的项目秒变《动物森友会》风格
前端组件库、动森风网页、AI生成网页、Vue组件库、开源React项目 文章标签： React TypeScript UI组件库 前端开发 开源项目 JavaScript Vue3 AI Web开发 GitHub 项目并未直接使用任天堂官方素材，而是通过独立设计实现类似的视觉风格，因此更适合作为： React组件库学习项目 前端UI设计参考 动森风网站开发 AI生成页面模板 个人作品展示 项目特色 高度还原动森风格 项目采用了大量类似《动物森友会》的设计元素： 圆角按钮 卡通阴影 温暖配色 纸张质感布局 治愈系交互动效 让网页拥有类似游戏界面的视觉体验。 </Button> <Card color="app-blue"> 欢迎来到无人岛 </Card> </> ); } 支持 PC 与移动端 它不仅提供了完整的组件体系，还结合了 AI 页面生成能力和动森风视觉设计，让开发者能够快速打造温馨、治愈且具有游戏氛围的网页界面。
48510编辑于 2026-06-16 狂揽2.1K Star！基于Claude Code开发的神器，这款开源在线编辑器太强了
，减少隐私泄露风险 全框架适配 独立核心引擎，配套React/Vue/Nuxt三套官方适配器 商用友好协议 Apache 2.0开源，无商用版权限制 AI原生集成 内置14套文档操作工具，兼容MCP、各类大模型 同时支持三种运行模式：网页实时交互、服务端批量审阅、MCP标准化服务对接，适配代码智能体自动审稿场景。 Agent配置实操 ✨ 3.1 前端对话联动 引入配套Agent钩子，将文档操作工具注入AI对话链路，模型可自动读取全文、标注修改意见 import { useRef } from 'react'; /docx-editor-agents'; import { useChat } from '@ai-sdk/react'; export function AIDocEditor() { const 内容创作工具 简历生成、报告模板填充、自媒体稿件在线润色，搭配AI自动梳理逻辑、修正表述，无需切换第三方文档软件。
19810编辑于 2026-07-20- 来自专栏开发三两事
【GitHub 周热点速览】第六期
sd-forge-layerdiffuse - 基于Forge的网页生成词汇图片的项目。ui - 简单ocial network界面的示例。ente - 具有端到端加密功能的相册软件。 chatgpt-plus - 整合多个AI助手的工具。1brc - Java快速处理一亿行数据挑战。wasp - React和Node开发脚手架。web-check - 网站分析工具。 项目特点:只需上传一张网页或App的截屏图像可以自动识别图像内容,并生成对应的HTML/CSS/JavaScript代码生成的代码实现了截屏图像展示的页面样式和结构支持生成HTML/Tailwind/React /Vue等多种前端框架相关代码大大简化了从设计到开发的过程可以帮助开发者快速实现原型或模板受到很多前端开发者的欢迎总体来说,这个项目利用AI机器视觉识别技术,实现了一键式地从视觉设计转变为真实开发代码。 6、ente - 具有端到端加密功能的相册软件项目简介:ente是一个实现端到端加密的开源相册软件项目。
78110编辑于 2024-03-11 - 来自专栏Enki实战训练营
使用Cloud Studio快速构建React完成点餐H5页面还原
二、实验介绍： 我们经常会遇到远程办公的场景，下面我们打算用云 IDE Cloud Studio 快速搭建，并开发还原一个移动端 React H5 的简版点餐系统页面，从 0 到 1 体验云 AI加持内置AI代码助手，直接在 Cloud Studio 里唤起 AI代码助手，让你拥有专业的研发伙伴，与您一起更高质量的完成编码工作，事半功倍。(AI助手内测申请中！) 即使从来没有学习过 React，只需要打开对应的 React 框架模板，即可开始初始化一个 React 的工作空间，在等待不到 10s 左右（与带宽网速差异有区别），云 IDE 就已经初始化完毕。 ，当代码发生改变之后，预览窗口会自动刷新，即可在 Cloud Studio 内实时开发调试网页了因为本项目是移动端H5的项目，所以需要打开“toggle device”按钮查看样式。 Coding 一站式研发管理平台开发空间：查看正在使用的开发空间，可以看到我们使用的模板是基于 create-react-app脚手架创建的模板，还可以在“近期删除”的空间，进行回滚。
73720编辑于 2023-08-11
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号