Images and videos

You can enhance your v0 generations by adding images and videos to provide visual context or media assets for your application. v0 supports uploading files directly into the chat or copying and pasting images from your clipboard.

Uploading media files

Using the attachment button

Click the attachment icon in the chat input area
Select your image or video file from your device
The file will be uploaded and displayed in the chat
Add your prompt describing what you want to build with this media

Drag and drop

You can also drag and drop media files directly into the chat area:

Select your image or video file from your file explorer
Drag it over the chat interface
Drop it when you see the upload indicator

Copy and paste

For quick additions, you can copy images directly from other applications and paste them into the chat:

Copy an image from any application (browser, design tool, etc.)
Use Cmd + V (Mac) or Ctrl + V (Windows/Linux) to paste

Supported file types

Images

JPEG/JPG - Best for photographs and complex images
PNG - Ideal for screenshots, graphics with transparency
GIF - Animated images and simple graphics
WebP - Modern web-optimized format
SVG - Vector graphics and icons

Videos

MP4 - Most common video format
MOV - Apple QuickTime format
AVI - Windows video format
WebM - Web-optimized video format

Use Cases

Product galleries and catalogs

Add product images to create rich e-commerce experiences:

Build a product catalog page that displays these product images in a responsive grid.

Open in

Media players and video content

Include video files for media-rich applications:

Create a video player component that can display this video with custom controls.

Open in

User avatars and profiles

Add user profile images and avatars:

Build a user profile page that displays this avatar image and allows users to upload their own.

Open in

Hero sections and banners

Incorporate images into landing pages and hero sections:

Create a hero section using this background image with overlay text and call-to-action buttons.

Open in

Best practices

Use high-resolution images (at least 1024px wide) for better display quality
Optimize images for web use to ensure fast loading times
Combine media with clear instructions to get better results
Keep file sizes reasonable (under 10MB for images, 50MB for videos)

Troubleshooting

If you're having trouble uploading files:

Check that your file is under the size limit
Ensure the file format is supported
Try refreshing the page and uploading again

If v0 isn't properly integrating your media:

Provide more specific instructions about how you want the media displayed
Specify the component type (gallery, player, background, etc.)
Include layout preferences (grid, carousel, single display)

By leveraging images and videos in your v0 workflow, you can create rich, media-enhanced applications that provide engaging user experiences.