Skip to main content
The Media Panel is the central hub for importing and organizing all assets in your project — video files, images, audio, 3D models, compositions, text, and solids.

Importing media

There are two ways to bring files into the Media Panel. Drag and drop: Drag files directly from your OS file explorer onto the Media Panel. Multiple files are supported at once. File browser button: Click the Import button in the panel header to open a native file picker (Chrome/Edge) or a standard file input fallback. Once you import a file, a placeholder entry appears immediately. Metadata extraction, thumbnail generation, and file hashing run in the background. Up to 3 files are processed in parallel for batch imports.

Supported formats

Decoding depends on what your browser supports.
TypeFormats
ContainersMP4, MOV, WebM, MKV, AVI, M4V
Video codecsH.264, H.265¹, VP8, VP9, AV1
Audio codecsAAC, MP3, Opus, Vorbis, FLAC, WAV/PCM
ImagesPNG, JPG, WebP, GIF, BMP, AVIF, SVG
3D modelsOBJ, glTF, GLB, FBX
¹ H.265 decode depends on OS and hardware — full support on Windows, partial on macOS and Linux.
MOV files work because they share the same ISO BMFF container as MP4. MKV works when the file contains browser-decodable codecs such as H.264 or VP9.

Folder organization

Use folders to keep your panel tidy as your project grows.
  • Create a folder via + Add → Folder or right-click an empty area and choose New Folder.
  • Drag single or multiple items into any folder.
  • Folders support nesting — you can place folders inside folders.
  • In List view, expand and collapse folders inline. In Grid view, double-click a folder to navigate into it; a breadcrumb bar shows the current path.
  • Assign a label color to any folder or file using the dot indicator in List view.

Compositions

Compositions are independent timelines you create inside a project. They can be nested inside other compositions.

Creating a composition

1

Open the Add menu

Click + Add in the panel header.
2

Choose Composition

Select Composition. A new composition is created using your current output resolution settings, with a default duration of 60 seconds at 30 fps.
3

Open it in the timeline

Double-click the composition to open it as a tab in the timeline editor.

Managing compositions

  • Right-click a composition and choose Composition Settings to change its width, height, frame rate, or duration.
  • Drag a composition onto the timeline to create a nested composition clip.
  • Double-click a nested composition clip on the timeline to navigate into it.
  • The playhead position syncs between parent and nested compositions.

Columns and metadata view

In List view, the Media Panel displays a sortable table with the following columns:
ColumnDescription
NameFile name with file type icon
LabelColor dot (click to assign a label)
DurationClip length
ResolutionWidth × height
FPSFrame rate
ContainerFile container (MP4, MKV, WebM)
CodecVideo codec
AudioWhether the file has an audio track
BitrateData rate
SizeFile size
Click any column header to sort. Click again to reverse. Click a third time to remove the sort. Drag column headers to reorder them. Drag the right edge of the Name column to resize it.

Status badges

Badges appear in the Name column to indicate background processing state:
BadgeMeaning
P (blue)Proxy ready
P (filling) + %Proxy generating
T (green)Fully transcribed
A (orange)Fully analyzed

Dragging media to the timeline

Select one or more items in the Media Panel and drag them onto the appropriate track in the timeline.
Item typeAllowed tracks
Video, image, composition, text, solid, 3D meshVideo tracks only
AudioAudio tracks only
Files that are still importing or missing cannot be dragged to the timeline. A composition cannot be dragged into its own timeline.

View modes

Toggle between List view and Grid view using the buttons in the panel header. Your preference is saved automatically.

List view

Table layout with sortable columns and a nested folder tree. Best for reviewing metadata at a glance.

Grid view

Thumbnail grid with folder navigation via breadcrumbs. Best for visually browsing large media libraries.
In Grid view, hovering over a thumbnail shows a tooltip with resolution, duration, codec, bitrate, and file size.

Build docs developers (and LLMs) love