> ## Documentation Index
> Fetch the complete documentation index at: https://rive-docs-scripting-protocol-list.mintlify.site/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.

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/gxv5SZO7lCLsIfSo/images/interface/toolbar.png?fit=max&auto=format&n=gxv5SZO7lCLsIfSo&q=85&s=9b61cbd8012aeee54b471474fbbf41b4" alt="Toolbar" width="3728" height="2438" data-path="images/interface/toolbar.png" />

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

## Editor Menu

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/gxv5SZO7lCLsIfSo/images/interface/editor-menu.png?fit=max&auto=format&n=gxv5SZO7lCLsIfSo&q=85&s=4c8033272e7e62e8adbeacd2e93b588a" alt="Editor menu" width="3724" height="358" data-path="images/interface/editor-menu.png" />

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

Common actions include:

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

## Tools

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/gxv5SZO7lCLsIfSo/images/interface/toolbar-tools.png?fit=max&auto=format&n=gxv5SZO7lCLsIfSo&q=85&s=c9f7d152f65a67fc2ddd3b1ecee69830" alt="Toolbar tools" width="3724" height="358" data-path="images/interface/toolbar-tools.png" />

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](/editor/fundamentals/artboards) and [components](/editor/fundamentals/components)
* [Shape and drawing tools](/editor/fundamentals/shapes-and-paths-overview)
* [Bones tools](/editor/manipulating-shapes/manipulating-shapes)
* Play the [State Machine](/editor/state-machine/state-machine)

## Invite

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/gxv5SZO7lCLsIfSo/images/interface/toolbar-invite.png?fit=max&auto=format&n=gxv5SZO7lCLsIfSo&q=85&s=a411e0962d7f43fcc0a973a65e6b4aba" alt="Invite members button" width="3724" height="358" data-path="images/interface/toolbar-invite.png" />

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

## Publish

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/gxv5SZO7lCLsIfSo/images/interface/toolbar-publish.png?fit=max&auto=format&n=gxv5SZO7lCLsIfSo&q=85&s=3f049b6a291efc3325d06451a00de5b1" alt="Publish button" width="3724" height="358" data-path="images/interface/toolbar-publish.png" />

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

* [Export a .riv for runtime](/editor/exporting/exporting-for-runtime)
* Publish to a [library](/editor/libraries)
* [Embed](/editor/embed-urls/overview)
* Publish to the [marketplace](/community/marketplace-overview#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.

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/xxoqTWKt4umCB1ja/images/editor/data-binding/binding-data/preview-data-binding.gif?s=dc71544844d78e714687817b8c6e7df3" alt="Preview data binding" width="640" height="235" data-path="images/editor/data-binding/binding-data/preview-data-binding.gif" />

## 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](/editor/fundamentals/design-vs-animate-mode).
</Warning>

<img src="https://mintcdn.com/rive-docs-scripting-protocol-list/ibKhTc4sVABx5yyP/images/switch.gif?s=79494684516fb7f1f61ede9b0c77bd4b" alt="Switching between Design and Animate mode" width="640" height="382" data-path="images/switch.gif" />\\