Repolode
Submit
amrrs

amrrs/fal-nanobanana-studio

A browser-based, AI-powered image editor that uses fal.ai's NanoBanana models to edit and generate images from text prompts.

Open-source alternative to:PhotoshopPhotopea

View on GitHub
Stars
354
Forks
42
Open issues
0
Last commit
11 months ago

What is it?

NanoBanana Studio is a web image editor modeled loosely on Photoshop and Photopea. Users upload an image, describe the change they want in natural language, optionally add a negative prompt to exclude unwanted elements, and receive an edited result that can be downloaded. The project also supports generating new images from a text prompt with configurable width and height.

The editing and generation work is delegated to Google's NanoBanana models hosted on fal.ai. A React and TypeScript frontend talks to an Express backend, which holds the fal.ai API key and forwards requests to the selected model. Users can switch between the standard NanoBanana and the NanoBanana Pro tier in the UI.

The backend enforces file type and size checks, input validation, and a 120-second timeout on API calls. Setup requires Node.js 18+ and a fal.ai API key placed in the backend environment file.

Key features

  • 01Edit uploaded images using natural language prompts
  • 02Generate new images from text with width and height settings
  • 03Negative prompt support to exclude unwanted elements
  • 04Switch between NanoBanana and NanoBanana Pro models
  • 05Download edited images with one click

Use cases

  • Making quick prompt-driven edits such as changing the sky or removing a background
  • Generating images from text descriptions without a desktop editor
  • Prototyping an AI image editing interface on top of the fal.ai API

Quick start

  1. 1

    Clone the repository and install dependencies

    npm run install:all
  2. 2

    Create the backend environment file from the template

    cd backend cp env.example .env
  3. 3

    Add your fal.ai API key to backend/.env (FAL_API_KEY=...)

  4. 4

    Start frontend and backend in development mode

    npm run dev

Things to know

  • Requires a fal.ai API key, and the app calls paid fal.ai model endpoints.

Topics

#image-editing#ai-image-generation#fal-ai#react#typescript#express

FAQ

What is fal-nanobanana-studio?
A browser-based, AI-powered image editor that uses fal.ai's NanoBanana models to edit and generate images from text prompts. NanoBanana Studio is a web image editor modeled loosely on Photoshop and Photopea. Users upload an image, describe the change they want in natural language, optionally add a negative prompt to exclude unwanted elements, and receive an edited result that can be downloaded. The project also supports generating new images from a text prompt with configurable width and height.
Is fal-nanobanana-studio free to use? What license does it have?
fal-nanobanana-studio is open source under the MIT license. Check the license terms before using it in commercial products.
Is fal-nanobanana-studio still maintained?
No commits for 6+ months. The last commit to fal-nanobanana-studio was on Nov 24, 2025.
What can I use fal-nanobanana-studio for?
Making quick prompt-driven edits such as changing the sky or removing a background Generating images from text descriptions without a desktop editor Prototyping an AI image editing interface on top of the fal.ai API
How do I install fal-nanobanana-studio?
Clone the repository and install dependencies: npm run install:all Create the backend environment file from the template: cd backend cp env.example .env Add your fal.ai API key to backend/.env (FAL_API_KEY=...) Start frontend and backend in development mode: npm run dev
Where can I get fal-nanobanana-studio?
The source code and installation instructions are on GitHub: https://github.com/amrrs/fal-nanobanana-studio

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects