The Media Library is your central hub for all uploaded images and videos. It provides a visual interface for browsing, searching, previewing, and managing your media assets.

Open the Media Library by clicking the media icon in the builder toolbar. The Media Panel opens as a side panel displaying all your uploaded files as thumbnails.
Your uploaded files are displayed as a grid of thumbnails, sorted by upload date with the most recent files first. Each thumbnail shows:
A preview of the image or a video thumbnail
The file name
Images and videos are displayed together in the same grid. Video files are distinguished by a video icon overlay on the thumbnail.
Use the search functionality at the top of the Media Panel to find specific files by name. This is especially useful when you have a large library of uploaded assets.
To preview a file at full size before using it:
Hover over any thumbnail in the media library
Click the preview/eye icon that appears
A full-size preview opens in a modal overlay
Close the preview to return to the library
Video previews play the video in the preview modal with playback controls.

There are two ways to use media from your library in sections:
Click an image element
Click on any image element in the canvas to select it.
Open the Media Panel
The Media Panel opens (or click the media icon to open it manually).
Click a file
Click any image or video thumbnail in the library. It will be immediately applied to the selected image element in the section.

To copy a file's CDN URL to your clipboard:
Find the file in the media library
Hover over the thumbnail
Click the copy icon
The URL is copied to your clipboard
This is useful when you need to reference the file URL in external tools, custom code, or share the link.
To delete a file from your media library:
Find the file
Locate the file you want to delete in the media library.
Click the delete icon
Hover over the thumbnail and click the trash/delete icon.
Confirm deletion
A confirmation dialog appears. Click Delete to confirm.
Images created with the AI Image Generation feature are automatically added to your media library with an "ai" source tag. They appear alongside your manually uploaded files and can be used the same way.
When new AI-generated images are added, the media library automatically refreshes to show them.
Each file in the media library includes an upload timestamp. Files are sorted by upload date by default, with the newest files appearing first. This makes it easy to find recently uploaded or generated files.
Rename files before uploading. Use names that describe the content and purpose: hero-banner-summer-sale.jpg, testimonial-avatar-sarah.png, product-detail-side-view.jpg.
If you have multiple images for a page, upload them all at once using multi-file select or drag-and-drop. This keeps related images grouped together by upload time.
Periodically review your media library and delete files that are no longer used in any pages. This keeps your library organized and easy to navigate.
Instead of searching for stock photos for testimonial sections, use the AI Image Generation avatar library for quick, ready-to-use portrait images at no credit cost.