Generate & Edit Images with Gemini in a Web App

Overview

This Codelab will guide you through building a web application that generates images using Firebase AI Logic and Google's Gemini model. You'll learn how to set up a modern web project with Vite, integrate Firebase AI Logic, and create an interactive image generation interface.

Firebase

Gemini

JavaScript

Beginner

Generate & Edit Images with Gemini in a Web App

In this codelab, you’ll build a simple web application that uses the Firebase AI Logic SDK and a Gemini image-generation model (gemini-3-pro-image-preview) to:

Published At: November 24, 2025

Last Updated At: November 26, 2025

0 Likes 16 min

Author

Get Started with Gradus

Join the Gradus and create codelabs to help developers grow, enhance their skills, and contribute to building a stronger developer ecosystem within your network.