metadata

title: Nano Banana Node Editor
emoji: 🍌
colorFrom: yellow
colorTo: yellow
sdk: docker
pinned: false
app_port: 7860
hf_oauth: true
hf_oauth_expiration_minutes: 960
hf_oauth_scopes:
  - manage-repos
  - inference-api

Nano Banana Node Editor 🍌

A powerful visual node editor for AI-powered image generation and manipulation. Create complex workflows by connecting nodes for image generation, merging, editing, and style transfers.

Features

🎨 Visual Node Editor: Drag-and-drop interface for building image processing workflows
🤖 AI-Powered: Uses Google's Gemini API for intelligent image generation and editing
🖼️ Multiple Node Types: Character nodes, merge nodes, edit nodes, and style transfer nodes
🔄 Real-time Processing: See results as you build your workflow
🎯 Intuitive Interface: Right-click to add nodes, drag to connect them
🔒 Privacy-First: Your API tokens are stored locally in your browser

Getting Started

Get Your API Key: Visit Google AI Studio to create your free Gemini API key
Add Your Token: Paste your API key in the "API Token" field in the top navigation
Start Creating: Right-click on the canvas to add nodes and start building your workflow

How to Use

Adding Nodes: Right-click on the editor canvas and choose the node type you want
Character Nodes: Upload or drag images to create character nodes
Connecting Nodes: Drag from output ports to input ports to create connections
Processing: Click the process button to run your workflow
Downloading: Right-click on result nodes to download generated images

Privacy & Security

Your API token is stored locally in your browser
Tokens are never sent to our servers
All processing happens through Google's official API
No data is stored on our servers