Skip to main content
Visuals make your app stand out. The Media tab lets you generate custom photos, illustrations, icons, and backgrounds without leaving Vibecode, then turn any image into a short video. Describe what you want, then add the result to your prompt so the agent puts it in your app.

​
Generate an Image

  1. In the web app, open the Media tab in your project
  2. Make sure Image is selected
  3. Pick a Model: GPT Image 2 (the default), Nano Banana 2, or Nano Banana 2 Lite
  4. Optionally pick a Type, such as Icon, Character, Background, or Component, and a Style
  5. Describe the image to generate and send
The Media tab: Image and Video modes, model, type, and style

The Media tab: Image and Video modes, model, type, and style

Your images appear in the Media tab gallery. Open one to regenerate it, use it as a reference for a new image, or click Add to chat to add it to your prompt.
Choose the Icon type when you want an app icon or an in-app icon.

​
Use Images in Your App

Click Add to chat on an image, then tell the agent where it goes:
To replace an image, generate a new one, add it to chat, and say which image it replaces.

​
Animate an Image Into Video

  1. Open an image and click Animate, or switch the Media tab to Video and pick an image as the reference
  2. Describe the motion to animate
  3. Pick the Duration, Resolution, and Aspect, then send
Generated videos show up in the same gallery, and you can add them to chat the same way.
Generating images and videos uses credits. See Plans and Credits.

​
Next Steps

Sound Generation

Add audio to your app

Browse Integrations

Let your app generate images for its users

Deploy Your App

Share your app with the world