markfulton/NanoBananaEditor

The most advanced Nano Banana image generator and editor application. Your central hub for AI image generation and revisions. Intuitive UI features reference images, editing with image masks, version history, and more. Powered by Gemini 2.5 Flash images API.

What it solves

Nano Banana AI Image Editor provides a professional interface for generating images from text and performing precise, conversational edits on existing images. It eliminates the need for complex manual editing by allowing users to describe changes in natural language and target specific areas using a masking tool.

How it works

Built with React and TypeScript, the application integrates with Google's Gemini 2.5 Flash Image model via the Google Generative AI SDK. Users can generate images from prompts or enter an edit mode where they can paint masks over specific regions of an image and provide text instructions for modifications. The app uses Konva.js for its interactive canvas and IndexedDB for offline caching of assets.

Who it’s for

It is designed for creators and developers who want a production-ready tool for AI image generation and region-aware revisions without needing to build the frontend infrastructure from scratch.

Highlights

  • Conversational Editing: Modify images using natural language instructions.
  • Region-Aware Selection: Use brush tools to paint masks for targeted edits.
  • Reference Image Support: Guide both generation and editing styles using up to two reference images.
  • Non-Destructive Workflow: Preserves original images while maintaining a branching history of edits and variants.
  • Enterprise-Ready Features: Includes SynthID invisible watermarking for AI provenance and full TypeScript type safety.

Related

  • Dispatch
  • Project
  • Dispatch
  • Project
  • Dispatch