{"repo":"yeahhe365/CanvasChat","free":true,"listed":false,"github":"https://github.com/yeahhe365/CanvasChat","clone":"git clone https://github.com/yeahhe365/CanvasChat.git","description":"A beautiful Gemini-powered chat interface with multimodal support","language":"JavaScript","stars":30,"topics":["chat-ui","gemini","markdown","multimodal","react","tailwindcss"],"license":"MIT","category":"productivity","readme_excerpt":"CanvasChat 中文 English 🎯 白嫖大模型利器 - 在 Gemini Canvas 预览界面中免费大量使用 Gemini 3 Flash 模型 一个基于 Gemini 模型的精美聊天界面，专为 Canvas 预览模式 设计，让你可以 免费、大量 使用 Gemini 3 Flash 模型进行对话。 🚀 立即使用 👉 点击进入 Canvas 免费使用 无需配置，无需 API Key，打开即可免费使用 Gemini 3 Flash 模型！ ⚠️ 重要提示 ：Canvas 预览模式的使用额度 完全独立于 Gemini 普通聊天（Chat 界面）的额度！ 这意味着： 即使你的 Gemini Chat 额度用完了，仍然可以通过 Canvas 继续使用大模型！ 💡 项目初衷 Google Gemini 的 Canvas 预览功能提供了免费使用大模型的机会。本项目专为 Canvas 预览界面优化设计，让你可以： - ✅ 免费使用 - 利用 Gemini 免费额度，大量调用 Gemini 3 Flash 模型 - ✅ 高效对话 - 专为 Canvas 环境优化的聊天界面 - ✅ 多模态交互 - 支持图片、视频、音频、PDF 等多种输入 - ✅ 生产级体验 - 完整的功能支持，不输付费版本 ✨ 特性 🎯 多模态输入 - 图片上传 - 支持所有常见图片格式，可粘贴或拖拽 - 视频分析 - 支持 MP4、WebM 等格式（最大 20MB） - 音频处理 - 支持 MP3、WAV 等格式（最大 20MB） - PDF 阅读 - 支持 PDF 文档上传和解析（最大 50MB） - 文本文件 - 支持 TXT、MD、JSON、CSV、代码文件等（最大 10MB） 🤔 思考过程控制 - 可配置思考深度 - 4 个级别：minimal / low / medium / high - 思考过程可视化 - 可折叠查看 AI 的推理过程 - 智能适配 - 自动适配 Gemini 2.5 / 3.x 不同 API 🎨 内容渲染 - Markdown 完整支持 - 标题、列表、引用、加粗、斜体、链接 - LaTeX 数学公式 - 支持行内公式 $...$ 和块级公式 $$...$$ - 代码高亮 - 语法高亮 + 一键复制 - 智能排版 - 自动优化显示格式 🔊 TTS 语音合成 - 10 种音色 - 柔和女声、活泼男声、低沉男声等多种选择 - 语音风格控制 - 可自定义语音风格和情感 - 浮动面板 - 可拖拽、最小化的 TTS 控制面板 💬 对话管理 - 流式响应 - 实时显示 AI 回复，无需等待 - 系统提示词 - 可自定义角色设定和行为指令 - 多模型切换 - 支持切换不同 Gemini 模型版本 - 中断生成 - 随时停止 AI 回复 📱 用户体验 - 响应式设计 - 基于 TailwindCSS 的现代化 UI - 全局粘贴 - 任意位置粘贴文件，自动识别类型 - 文件预览 - 图片、视频即时预览 - 智能滚动 - 新消息自动滚动到底部 🚀 快速开始 前置要求 - Node.js 18+ - React 项目环境（需要 React 18+） - TailwindCSS 已配置 - Google Gemini API 访问权限（免费额度即可） 安装步骤 1. 选择并复制组件文件 本项目提供两个版本： 标准版 - App.jsx （通用 AI 助手，无预设人设） Anna 女友版 - App-Anna.jsx （内置 Anna 女友角色设定） ","default_branch":null,"files":null,"tree":[],"storefront":"/r/yeahhe365","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yeahhe365/CanvasChat/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}