README.md

---
title: Nano Banana Node Editor
emoji: 🍌
colorFrom: yellow
colorTo: yellow
sdk: docker
pinned: false
app_port: 7860
---

# 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

1. **Get Your API Key**: Visit [Google AI Studio](https://aistudio.google.com/app/apikey) to create your free Gemini API key
2. **Add Your Token**: Paste your API key in the "API Token" field in the top navigation
3. **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