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

# Interface Overview

> Learn the Home composer and the editor: chat, tools, preview, timeline, and project menu.

Captions for Web has two main surfaces. Home is where you start a project. The editor is where you change it.

## Home

![Welcome to Captions on Home, with Add media, a prompt, and edit styles](https://mintcdn.com/captions/YNtloFB9-FRoI6fN/help/web/images/home.png?fit=max\&auto=format\&n=YNtloFB9-FRoI6fN\&q=85\&s=3ee639ec90c96dac9dd8a75eff73fa78)

1. **Sidebar.** Home, Avatars, Library, My Edit Styles, Search, folders, and recent projects.
2. **Project type.** The pill in the top right of the composer. It starts on **Edit**.
3. **Add media.** Drop in videos, images, or audio. The paperclip under the prompt attaches more files.
4. **Prompt.** Describe the result. The placeholder changes with the project type.
5. **Add style** and **Add avatar.** Optional treatments for Edit and similar types.
6. **Create my video.** Starts the project after the required media and prompt are in place.
7. **Edit styles.** Search styles, or choose **Create style**. Style cards sit under the prompt. Cards marked Beta are exclusive treatments that adapt to your footage.

The organization menu at the bottom of the sidebar shows your credit balance. From there you can upgrade, open Profile, invite members, change appearance, or log out.

## Editor

Open a project, or choose **New project**, to enter the editor.

![Empty editor with Chat open, the tool rail, preview, and timeline](https://mintcdn.com/captions/YNtloFB9-FRoI6fN/help/web/images/editor.png?fit=max\&auto=format\&n=YNtloFB9-FRoI6fN\&q=85\&s=f55d6bd9e49efb40b0f48b82f6409398)

* **Chat** is the left panel. Describe a change, attach or generate media, add annotations, and pick a model. Suggested prompts appear on a new project, such as creating an opening hook or adding caption styling. See [AI chat](https://captions.ai/help/web/ai-chat.md).
* **Preview** is the video canvas. Select **Add media to get started** on an empty project.
* **Header.** Rename the project from its title. The check mark shows the project is saved. Undo, redo, show preview, **Download**, and **More options** sit on the right.
* **Tool rail.** Chat, Media, Music, Voiceover, Sound, Text, Shape, Effect layer, Color, and Settings.
* **Timeline.** Layers run along the bottom. Zoom with the slider at the right. Play from the button beside the preview.

### More options

![More options menu with Save edit style, Create share link, Adjust video view, shortcuts, Duplicate project, Delete project, Project Details, and Action log](https://mintcdn.com/captions/YNtloFB9-FRoI6fN/help/web/images/more-options.png?fit=max\&auto=format\&n=YNtloFB9-FRoI6fN\&q=85\&s=c9d18e4fa21b544bce98261b4283f525)

| Item | What it does |
| - | - |
| Save edit style | Saves the current treatment so you can reuse it from My Edit Styles and the Home style picker. |
| Create share link | Creates a link other people can open. |
| Adjust video view | Zoom in (`+`), zoom out (`−`), zoom to fit (`1`), zoom to 100% (`0`), toggle rulers (`Shift` `R`), dock the panel, reset the workspace, or show the grid. |
| Show shortcuts | Opens the shortcut list. `Ctrl` `/` |
| Submit feedback | Sends product feedback. |
| Duplicate project | Copies the project. |
| Delete project | Deletes the project and the videos in it. This cannot be undone. |
| Project Details | Shows details for the open project. |
| Action log | Shows the history of actions on the project. |

Select a caption phrase or a layer in the timeline to edit it. Tool panels replace Chat until you select **Chat** again or close the panel.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.