本项目源于 liu-ziting 大佬的项目 nano-banana,并在此基础上做出了如下改动:

  • 新增自定义端点配置
  • 新增自定义模型配置
  • 新增文生图功能
  • 文生图图文生图生成的图片可以再次推送到图文生图里进行再次创作

做这个项目的起因是由于近期 Gemini CLI 新增了 gemini-2.5-flash-image-preview 模型(题外话:可以无限白嫖了),而现有的客户端(如 Cherry Studio、OpenWebUI 等)对文生图及图文生图功能的支持不够完善。为了更好地利用新模型并提供更全面的功能,我萌生了自行开发 WebUI 的想法。幸运的是,在开始动手前发现了 nano-banana,该项目和我的设计理念契合,只需稍作修改即可满足需求,因此就有了以下的部分啦。

哦,对了,这是个纯前端项目,配置的API仅保存在你的浏览器中,不用担心被盗用。

项目地址与演示站点

资源类型 地址
项目仓库 https://github.com/hkfires/nano-banana
样板演示站 https://nano-banana-3sg.pages.dev/(部署于 Cloudflare Pages)

WebUI 界面

快速使用指南

本项目的操作流程极其简单直观: 1. 填写 API 密钥 2. 设置 API 端点 3. 刷新模型列表并选择所需的绘图模型 4. 开始爽玩

参考图示:

NanoBanana 模型部署参考教程

如果你想部署自己的免费 NanoBanana 模型,可以参考我之前撰写的两篇详细教程。部署成功后,刷新模型列表即可获取到了