> ## Documentation Index
> Fetch the complete documentation index at: https://learn.diffusion.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# Timeline

> Arrange, edit, and refine your media with precision using the timeline.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/timeline_new.gif?s=396389c7de9178b43210b9bf34c8f46d" alt="Timeline overview demo" width="1072" height="720" data-path="assets/timeline/timeline_new.gif" />

## Layout

<CardGroup cols={2}>
  <Card title="Tracks" icon="chart-column" href="#tracks">
    Video tracks sit at the top, audio tracks at the bottom. Each track shows clips with thumbnails and duration so you can see your sequence clearly.
  </Card>

  <Card title="Ruler" icon="ruler" href="#ruler">
    The ruler shows seconds and frames. Click anywhere on it to move the playhead to that time.
  </Card>

  <Card title="Playhead" icon="grip-vertical" href="#playhead">
    The playhead marks the current position. Drag it to scrub or place new clips exactly where you want them.
  </Card>
</CardGroup>

***

## Media Pool

### Adding Assets

There are three ways to move assets into the Media Pool:

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/canvas_to_timeline.gif?s=6d4c79b740cc46e59bf00ec60354f040" alt="Approve from Canvas" width="1072" height="720" data-path="assets/timeline/canvas_to_timeline.gif" />

1. **From Canvas** – Click on an image or video in the Canvas, open the sidebar, and click **Approve**.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/timeline_to_pool.gif?s=e17deb23d70799513c71a899fc996619" alt="Approve from Chat" width="1072" height="720" data-path="assets/timeline/timeline_to_pool.gif" />

2. **From Chat** – On the Timeline page, generated media has an **Approve** button under it. Clicking it adds the asset.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/upload_from_local.gif?s=cf948b173f128c5ad56d21e8316bbaff" alt="Upload from Local" width="1072" height="720" data-path="assets/timeline/upload_from_local.gif" />

3. **From Computer** – Click the upload arrow at the top of the Media Pool and select your files.

### Deleting Assets

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/del_timeline.gif?s=51b0017e689e4732eb32169a2da351db" alt="Delete from Timeline" width="1072" height="720" data-path="assets/timeline/del_timeline.gif" />

* **From Timeline** – Select a clip and press **Backspace** or click the trash icon.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/del_track.gif?s=57016637b2c12f0190345f9317c52bae" alt="Delete Track" width="1072" height="720" data-path="assets/timeline/del_track.gif" />

* **Delete a Track** – Open the track menu (⋮ icon) and choose **Delete track**.

* **From Media Pool** – Right-click an asset and select **Delete**.

* **From Canvas** – Select an element and press **Backspace**.

***

## Key Features

### Adding Clips

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/adding_clips.gif?s=d33f52164142f94ce7f5a4a8e566029e" alt="Add Clips" width="1072" height="720" data-path="assets/timeline/adding_clips.gif" />

Drag clips from the Media Pool into the Timeline. You can move several files at once.

### Trimming & Splitting

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/split.gif?s=02b7f76ade4ec23773f36cd66a5f765d" alt="Split Clips" width="1072" height="720" data-path="assets/timeline/split.gif" />

Drag a clip’s edge to trim. To split, place the playhead and click the scissors icon or press `Cmd + B`.

### Clip Properties

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/config_panel.gif?s=35016b570a839227a22a414c89c6849e" alt="Clip Properties" width="1072" height="720" data-path="assets/timeline/config_panel.gif" />

Select a clip to open its settings in the Config Panel. Adjust timing, scale, effects, and audio.

### Clip Actions

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/silence.gif?s=a3c93e7327709abbbd21385d1709d5ab" alt="Clip Actions" width="1072" height="720" data-path="assets/timeline/silence.gif" />

For audio, use **Silence Remove** to cut quiet sections automatically.

### Export Frame

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/export_frame.gif?s=59b07aa0b19da1fd6645832de70a84d3" alt="Export Frame" width="1072" height="720" data-path="assets/timeline/export_frame.gif" />

To export a frame, place a playhead and click the camera icon, frame will be directly exported and also added to the media pool.

***

## Track Controls

Each track has its own icons for managing visibility, gaps, and order:

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/double_dots.gif?s=d2c4b342f05b825e207ccd4f7de70da1" alt="Move Track" width="1072" height="720" data-path="assets/timeline/double_dots.gif" />

* **Move Track (Handle)** – Drag a track up or down.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/gap_remove.gif?s=1f9f21406ab65f811d3dab6c4cc05b78" alt="Close Gaps" width="1072" height="720" data-path="assets/timeline/gap_remove.gif" />

* **Close Gaps (⇔)** – Remove empty spaces between clips.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/disable.gif?s=4539df2c58bf22f8e636197346dc877b" alt="Toggle Visibility" width="1072" height="720" data-path="assets/timeline/disable.gif" />

* **Toggle Visibility (Eye)** – Show or hide the entire track.

<img src="https://mintcdn.com/diffusionstudioinc/y163U1HfYM57SE_y/assets/timeline/three_dots.gif?s=14f4a3d0fcd293214ad7f04d29941ef0" alt="Track Options" width="1072" height="720" data-path="assets/timeline/three_dots.gif" />

* **Track Options (⋮)** – Set a track as primary or delete it.

<img src="https://mintcdn.com/diffusionstudioinc/HN900igDg_hqhoVU/assets/timeline/resize.gif?s=01941c972b40b5c98841478623c8203b" alt="Resize Page" width="1072" height="720" data-path="assets/timeline/resize.gif" />

* **All panels** are resizable and toggleable.

<img src="https://mintcdn.com/diffusionstudioinc/HN900igDg_hqhoVU/assets/timeline/hide.gif?s=919458fb3470f3f8b019a852116584cf" alt="Hide bars" width="1072" height="720" data-path="assets/timeline/hide.gif" />

* **Hide** them individually—or hide all at once for a distraction-free view.

***

## Next Steps

<Steps>
  <Step title="Add clips to your project">
    Bring in media from chat, uploads, or your computer.
  </Step>

  <Step title="Edit your sequence">
    Trim, move, and split clips to structure your video.
  </Step>

  <Step title="Refine with tools">
    Use track controls, transitions, and effects to polish.
  </Step>

  <Step title="Export your result">
    Save frames or render the full timeline.
  </Step>
</Steps>
