Generate & Edit Images with Gemini in a Web App Cover Image

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: Nov 24, 2025

Last Updated At: Feb 25, 2026

1 Likes 16 min

Author

Vrijraj Singh

@vrijraj

Get Started with Stepwik

Join the Stepwik and create labs and courses to help developers grow, enhance their skills, and contribute to build a stronger developer ecosystem within your network.