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

# Live preview

> Preview your documentation site in real time as you edit, with continuous updates that render content, navigation, and configuration changes instantly.

Preview your site while you edit. Live previews render pages exactly as they look when published, and update as you make changes to content, navigation, and configuration.

## Open live preview

Click the <Icon icon="play" /> live preview button in the toolbar to open a live preview in a new tab.

<Frame>
  <img src="https://mintcdn.com/mintlify/i7HF0rh5FCMSySpX/images/editor/live-preview-light.png?fit=max&auto=format&n=i7HF0rh5FCMSySpX&q=85&s=58df3e4777909066be3e480ec4ed3daf" alt="The live preview button in the toolbar." className="block dark:hidden" width="464" height="192" data-path="images/editor/live-preview-light.png" />

  <img src="https://mintcdn.com/mintlify/i7HF0rh5FCMSySpX/images/editor/live-preview-dark.png?fit=max&auto=format&n=i7HF0rh5FCMSySpX&q=85&s=afea2c09afff0e761cb65aa5db39149f" alt="The live preview button in the toolbar." className="hidden dark:block" width="467" height="192" data-path="images/editor/live-preview-dark.png" />
</Frame>

<Note>
  Live preview is only available for public documentation.
</Note>

## Live preview versus preview deployments

|                  | Live preview                    | Preview deployment                |
| ---------------- | ------------------------------- | --------------------------------- |
| **Speed**        | Instant                         | Requires a build                  |
| **Access**       | Local URL                       | Shareable URL                     |
| **Use when**     | Reviewing changes while editing | Sharing with your team for review |
| **Availability** | While the editor is open        | As long as the branch exists      |

Use live preview for immediate feedback while editing. When you need to share changes with your team or test on a different device, use a [preview deployment](/editor/branching-and-publishing#preview-your-changes).


## Related topics

- [Preview locally](/docs/cli/preview.md)
- [Commands](/docs/cli/commands.md)
- [Tiles](/docs/components/tiles.md)