Nano Banana

Image editor powered by Gemini 2.5 flash with node graph interface for text-to-image generation and editing.

Nano Banana screenshot

Overview

Nano Banana is an advanced image generation and editing tool built with Next.js 15 and React 19. It features a node graph editor powered by React Flow that allows users to create from text prompts, edit existing images, or combine multiple sources into new results. Using Google's Generative AI with the gemini-2.5-flash-image-preview model, it provides powerful image manipulation capabilities through an intuitive visual interface with drag-and-drop functionality and prompt presets.

Key Features

  • Node graph editor with Image and Text nodes for visual workflow creation
  • Text-to-image generation and image-to-image editing capabilities
  • Multi-source compositing by connecting multiple images to one text node
  • Drag & drop interface for seamless image importing
  • Prompt presets via slash commands (/film, /retouch, /makeup, /remove, etc.)
  • On-canvas image download and regeneration features

Status

Completed

Tech Stack

Next.js 15React 19Tailwind CSS v4React Flow (XYFlow)@google/genaiRadix UILucide React

Year

2025

Related Projects