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

# Toolbar

> Access file, design, rigging, preview, and export tools from the Rive editor toolbar.

![Toolbar](https://mintcdn.com/rive/UizvjHP7hhSBQqPg/images/interface/toolbar.png?fit=max\&auto=format\&n=UizvjHP7hhSBQqPg\&q=85\&s=822c990c42cdf1c7c57ff2223f6187d3)

Use the toolbar to switch tools, create objects, adjust view options, invite collaborators, publish your file, and access file-level actions.

## Editor menu

![Editor menu](https://mintcdn.com/rive/UizvjHP7hhSBQqPg/images/interface/editor-menu.png?fit=max\&auto=format\&n=UizvjHP7hhSBQqPg\&q=85\&s=41d7e0340673799b211b9f97fa3e4bcc)

The **Editor menu** contains file-level actions and editor settings.

Common actions include:

* [Revision History](https://rive.app/docs/editor/fundamentals/revision-history.md)
* [Export for Runtime](https://rive.app/docs/editor/exporting/exporting-for-runtime.md)
* [Export for Backup](https://rive.app/docs/editor/exporting/exporting-for-backup.md)
* [Share and Embed](https://rive.app/docs/editor/embed-urls/overview.md)
* [Render to Video or Image](https://rive.app/docs/editor/exporting/exporting-for-video-and-static-design.md)

## Tools

![Toolbar tools](https://mintcdn.com/rive/UizvjHP7hhSBQqPg/images/interface/toolbar-tools.png?fit=max\&auto=format\&n=UizvjHP7hhSBQqPg\&q=85\&s=87643f82a1bec8b8ab6c168f2280d1cf)

The **Tools** area lets you select, transform, draw, create objects, add rigging, and preview interactions.

Common tools include:

* Select, translate, rotate, and scale tools
* [Artboards](https://rive.app/docs/editor/fundamentals/artboards.md) and [components](https://rive.app/docs/editor/fundamentals/components.md)
* [Shape and drawing tools](https://rive.app/docs/editor/fundamentals/shapes-and-paths-overview.md)
* [Bones tools](https://rive.app/docs/editor/manipulating-shapes/manipulating-shapes.md)
* Play the [State Machine](https://rive.app/docs/editor/state-machine/state-machine.md)

## Invite

![Invite members button](https://mintcdn.com/rive/UizvjHP7hhSBQqPg/images/interface/toolbar-invite.png?fit=max\&auto=format\&n=UizvjHP7hhSBQqPg\&q=85\&s=0494fa3f27483ac2a465f66c12d43ade)

Use **Invite** to add collaborators to the file.

## Publish

![Publish button](https://mintcdn.com/rive/UizvjHP7hhSBQqPg/images/interface/toolbar-publish.png?fit=max\&auto=format\&n=UizvjHP7hhSBQqPg\&q=85\&s=8d9515f189cb17fcfa80d4d4806444ee)

Use **Publish** to export, embed, or publish your file.

* [Export a .riv for runtime](https://rive.app/docs/editor/exporting/exporting-for-runtime.md)
* Publish to a [library](https://rive.app/docs/editor/libraries.md)
* [Embed](https://rive.app/docs/editor/embed-urls/overview.md)
* Publish to the [marketplace](https://rive.app/docs/community/marketplace-overview.md#marketplace-overview)

## Preview bound values

By default, data-bound values update while the state machine is playing.

Turn on the **Data Binding Preview Toggle** to preview bound values while editing.

![Preview data binding](https://mintcdn.com/rive/f-gYM2GpjOFH7IoO/images/editor/data-binding/binding-data/preview-data-binding.gif?s=b3a4b04ca6515198f457102647598a1f)

## Mode toggle

Use the **Mode Toggle** to switch between **Design** and **Animate** mode. Press `Tab` to switch modes quickly.

* **Design Mode**: create, edit, import, and rig graphics.
* **Animate Mode**: create timelines, state machines, keys, and animation logic.

> [!WARNING]
>
> Editing objects while a timeline is selected in Animate Mode can create keys. Learn more about [Design and Animate Modes](https://rive.app/docs/editor/fundamentals/design-vs-animate-mode).

![Switching between Design and Animate mode](https://mintcdn.com/rive/rTnT9om9X8EnT6R-/images/switch.gif?s=eecaa90a3314d65b69ce39cf000302e1)\\