# Rive ## Docs - [Account Management](https://uat.rive.app/docs/account-admin/account-overview/account-management.md) - [Account Overview](https://uat.rive.app/docs/account-admin/account-overview/account-overview.md) - [Billing Changes](https://uat.rive.app/docs/account-admin/account-overview/billing-changes.md) - [Cancel My Account](https://uat.rive.app/docs/account-admin/account-overview/cancel-my-account.md) - [Creating an Account](https://uat.rive.app/docs/account-admin/account-overview/creating-an-account.md) - [Delete My Account](https://uat.rive.app/docs/account-admin/account-overview/delete-my-account.md) - [Downloading My Receipt/Invoice](https://uat.rive.app/docs/account-admin/account-overview/downloading-my-receipt-or-invoice.md) - [Trouble Logging In](https://uat.rive.app/docs/account-admin/account-overview/trouble-logging-in.md) - [Pricing](https://uat.rive.app/docs/account-admin/pricing.md) - [Creating a Workspace](https://uat.rive.app/docs/account-admin/workspaces/creating-a-workspace.md): Rive offers [free](./creating-a-workspace#free-workspace) and [paid](./creating-a-workspace#paid-workspace) workspaces. - [Inviting Workspace Members](https://uat.rive.app/docs/account-admin/workspaces/inviting-workspace-members.md) - [Reactivating a Canceled Workspace](https://uat.rive.app/docs/account-admin/workspaces/reactivating-a-canceled-workspace.md) - [Removing Workspace Members](https://uat.rive.app/docs/account-admin/workspaces/removing-workspace-members.md) - [Workspaces Overview](https://uat.rive.app/docs/account-admin/workspaces/workspaces-overview.md) - [Community Overview](https://uat.rive.app/docs/community/community-overview.md) - [Marketplace Overview](https://uat.rive.app/docs/community/marketplace-overview.md) - [Rive Experts](https://uat.rive.app/docs/community/rive-experts.md) - [Animate Mode Overview](https://uat.rive.app/docs/editor/animate-mode/animate-mode-overview.md) - [Animating Draw Order](https://uat.rive.app/docs/editor/animate-mode/animating-draw-order.md) - [Animation Mixing](https://uat.rive.app/docs/editor/animate-mode/animation-mixing.md): Rive allows you to mix animations from the same artboard at runtime, creating more interesting ways for you to add interactivity to your apps and games. - [Interpolation (Easing)](https://uat.rive.app/docs/editor/animate-mode/interpolation-easing.md) - [Keys](https://uat.rive.app/docs/editor/animate-mode/keys.md) - [Timeline](https://uat.rive.app/docs/editor/animate-mode/timeline.md) - [Constraints Overview](https://uat.rive.app/docs/editor/constraints/constraints-overview.md): Learn how to use constraints in Rive. - [Distance Constraint](https://uat.rive.app/docs/editor/constraints/distance-constraint.md): The Distance Constraint makes an object stay close, far, or exactly at a specific distance to another object. - [Follow Path Constraint](https://uat.rive.app/docs/editor/constraints/follow-path-constraint.md) - [IK Constraint](https://uat.rive.app/docs/editor/constraints/ik-constraint.md): Learn how to use Inverse Kinematics in Rive. - [Rotation Constraint](https://uat.rive.app/docs/editor/constraints/rotation-constraint.md): The Rotation Constraint allows you to set limits on an object's rotation and/or copy the rotation properties from a target object. These properties can be independently activated. - [Scale Constraint](https://uat.rive.app/docs/editor/constraints/scale-constraint.md): The Scale Constraint allows you to set limits on an object's scale and/or copy the scale properties from a target object. These properties can be independently activated. - [Scroll Constraints](https://uat.rive.app/docs/editor/constraints/scroll-constraint.md) - [Transform Constraint](https://uat.rive.app/docs/editor/constraints/transform-constraint.md): The Transform Constraint allows its owner to copy all the transformation properties from a target object, regardless of their hierarchical relationships. These properties include Position, Rotation, and Scale. - [Translation Constraint](https://uat.rive.app/docs/editor/constraints/translation-constraint.md) - [Data Binding Overview](https://uat.rive.app/docs/editor/data-binding/overview.md): Connect editor elements to data and code using View Models - [Audio Events](https://uat.rive.app/docs/editor/events/audio-events.md) - [Events Overview](https://uat.rive.app/docs/editor/events/overview.md) - [Exporting for Backup](https://uat.rive.app/docs/editor/exporting/exporting-for-backup.md) - [Exporting for Runtime](https://uat.rive.app/docs/editor/exporting/exporting-for-runtime.md) - [Exporting for Video or Static Design](https://uat.rive.app/docs/editor/exporting/exporting-for-video-and-static-design.md) - [Artboards](https://uat.rive.app/docs/editor/fundamentals/artboards.md) - [Design vs Animate Mode](https://uat.rive.app/docs/editor/fundamentals/design-vs-animate-mode.md): The Rive Editor has two distinct modes, Design and Animate. Switching between modes changes the interface to show the appropriate tools and options. - [Edit Vertices](https://uat.rive.app/docs/editor/fundamentals/edit-vertices.md): No matter the type of vector you create, you can edit the vertices by changing their position or handles in both design and animate mode. - [Edit Vertices Tips](https://uat.rive.app/docs/editor/fundamentals/edit-vertices-tips.md) - [Fill and Stroke](https://uat.rive.app/docs/editor/fundamentals/fill-and-stroke.md) - [Fill and Stroke Tips](https://uat.rive.app/docs/editor/fundamentals/fill-and-stroke-tips.md): Although shapes and paths define the shape of your graphics, it's the fills and strokes that will give your graphics form. Here are a few ways to use fills and strokes to bring your creations to another level. - [Freeze and Origin](https://uat.rive.app/docs/editor/fundamentals/freeze-and-origin.md) - [Group Tips](https://uat.rive.app/docs/editor/fundamentals/group-tips.md) - [Groups](https://uat.rive.app/docs/editor/fundamentals/groups.md): Use groups to organize your graphics or to add extra transform spaces. - [Importing Assets](https://uat.rive.app/docs/editor/fundamentals/importing-assets.md): Import your assets by dragging and dropping them onto the Rive Editor. You can import SVG, JSON, PNG, PSD, and JPG formats. - [Nested Artboards](https://uat.rive.app/docs/editor/fundamentals/nested-artboards.md): Nested Artboards can speed up your workflow by allowing you to reuse animations and State Machines. Any changes made to the source Artboard will be reflected across any of the Nested Artboards. - [Fundamentals Overview](https://uat.rive.app/docs/editor/fundamentals/overview.md): In this section, we'll step through a typical workflow from creating an artboard all the way to exporting your first Rive file. Before we get started, check out our brief overview of the interface to familiarise yourself with the various sections and modes. - [Pen Tool Overview](https://uat.rive.app/docs/editor/fundamentals/pen-tool-overview.md): The Pen tool allows you to create custom vector paths as well as add additional vertices to your procedural paths. Learn more about the Pen tool by either watching the video or reading more below. - [Pen Tool Tips](https://uat.rive.app/docs/editor/fundamentals/pen-tool-tips.md): The Pen tool is a great way to build complex shapes and paths, but it's not always the most simple tool. Here are a few things to remember when using the pen tool that will help you get started. - [Procedural Shapes](https://uat.rive.app/docs/editor/fundamentals/procedural-shapes.md) - [Revision History](https://uat.rive.app/docs/editor/fundamentals/revision-history.md): Rive saves your files automatically as you work. Even if multiple people are working on the same file at the same time, Rive tracks all changes and stores them in the Revision History. - [Selecting and Navigating Groups](https://uat.rive.app/docs/editor/fundamentals/selecting-and-navigating-groups.md) - [Shape and Path Tips](https://uat.rive.app/docs/editor/fundamentals/shape-and-path-tips.md): Making good use of shapes and paths helps you to create your designs more easily. In this example, you can find 3 different ways to use shapes and paths. - [Shapes and Paths Overview](https://uat.rive.app/docs/editor/fundamentals/shapes-and-paths-overview.md): Rive allows you to create, edit, and animate vector graphics using either procedural or custom shapes. These graphics combine shape and path layers to define them, which Rive exposes to give you greater flexibility and control with your designs and animations. - [Transform Spaces](https://uat.rive.app/docs/editor/fundamentals/transform-spaces.md) - [Hierarchy](https://uat.rive.app/docs/editor/interface-overview/hierarchy.md): The hierarchy is always located on the left side of the editor. - [Inspector](https://uat.rive.app/docs/editor/interface-overview/inspector.md): The Inspector is located on the right side of the Editor. - [Interface Overview](https://uat.rive.app/docs/editor/interface-overview/overview.md): Rive's interface only shows what is needed when you need it. It is divided into a few main panels, which are described below. - [Stage](https://uat.rive.app/docs/editor/interface-overview/stage.md): The Stage is an infinite canvas where you can place artboards containing all your graphics. - [Toolbar](https://uat.rive.app/docs/editor/interface-overview/toolbar.md): Access design and animation tools from the Rive Editor toolbar. - [Keyboard Shortcuts](https://uat.rive.app/docs/editor/keyboard-shortcuts.md) - [Animation](https://uat.rive.app/docs/editor/layouts/layout-animation.md): Add animation to a Layout container to define how it interpolates when content reflows. When a Layout container needs to resize, its children may need to change their position. Adding Layout animation allows the reflowing of children to happen over time and with a chosen easing curve. - [Parameters](https://uat.rive.app/docs/editor/layouts/layout-parameters.md): Layout parameters can broadly be grouped into one of two categories — those that affect the parent layout, and those that affect the child layouts. - [Styles](https://uat.rive.app/docs/editor/layouts/layout-styles.md): Layouts can have styles applied directly to them - [Tools](https://uat.rive.app/docs/editor/layouts/layout-tools.md): There are several Layout tools available in Rive to build your responsive UI or content - [Overview](https://uat.rive.app/docs/editor/layouts/layouts-overview.md): Layouts allow you to build responsive UI components in Rive. Make your designs fit, fill, or reflow content based on the space available. - [N-Slicing](https://uat.rive.app/docs/editor/layouts/n-slicing.md) - [Scrolling](https://uat.rive.app/docs/editor/layouts/scrolling.md) - [Bone Tips](https://uat.rive.app/docs/editor/manipulating-shapes/bone-tips.md): How you rig your design is important. A smart rig allows you to create fewer keys, making your animation easy to work with and keeping your timeline tidy. - [Bones](https://uat.rive.app/docs/editor/manipulating-shapes/bones.md) - [Clipping](https://uat.rive.app/docs/editor/manipulating-shapes/clipping.md): Clipping allows you to cut one shape out from another. - [Joysticks](https://uat.rive.app/docs/editor/manipulating-shapes/joysticks.md): Joysticks make it easy to set up sophisticated rigs with simple controls. You can quickly animate body poses, eyes, mouths, hands, and more. You can even control joysticks with other joysticks. - [Manipulating Shapes Overview](https://uat.rive.app/docs/editor/manipulating-shapes/manipulating-shapes.md): The Rive editor gives you multiple ways to manipulate your graphics to create the animation that you want. In addition to adding the basic transform properties, you can use bones, groups, meshes, and vertices to give your graphics and animations some added flair. - [Meshes](https://uat.rive.app/docs/editor/manipulating-shapes/meshes.md): Meshes are an excellent way to add natural and organic deformations to raster graphics. Make skin flex, fabric ripple, hair flow, and more. - [Solos](https://uat.rive.app/docs/editor/manipulating-shapes/solos.md): A Solo is similar to a group, but only one of the elements inside the solo is rendered at a time. This is much faster than having to animate the opacity of each object individually. - [Trim Path](https://uat.rive.app/docs/editor/manipulating-shapes/trim-path.md) - [Framer And Rive](https://uat.rive.app/docs/editor/share-links/framer-and-rive.md): Learn more about the Rive integration into Framer. - [Share Links Overview](https://uat.rive.app/docs/editor/share-links/overview.md): Share Links are a fast no-code way to get your Rive files running on a website or to present your graphics to a client. - [Inputs](https://uat.rive.app/docs/editor/state-machine/inputs.md) - [Layers](https://uat.rive.app/docs/editor/state-machine/layers.md) - [Listeners](https://uat.rive.app/docs/editor/state-machine/listeners.md) - [State Machine Overview](https://uat.rive.app/docs/editor/state-machine/state-machine.md): Add intelligence to your animations. - [States](https://uat.rive.app/docs/editor/state-machine/states.md) - [Transitions](https://uat.rive.app/docs/editor/state-machine/transitions.md) - [Tagging](https://uat.rive.app/docs/editor/tagging.md) - [Fonts](https://uat.rive.app/docs/editor/text/fonts.md) - [Text Modifiers](https://uat.rive.app/docs/editor/text/text-modifiers.md) - [Text Overview](https://uat.rive.app/docs/editor/text/text-overview.md) - [Text Runs](https://uat.rive.app/docs/editor/text/text-runs.md) - [Text Styles](https://uat.rive.app/docs/editor/text/text-styles.md) - [Feature Support](https://uat.rive.app/docs/feature-support.md) - [Defold](https://uat.rive.app/docs/game-runtimes/defold.md) - [Noesis](https://uat.rive.app/docs/game-runtimes/noesis.md): Noesis support for Rive. - [Components](https://uat.rive.app/docs/game-runtimes/unity/components.md) - [Data Binding](https://uat.rive.app/docs/game-runtimes/unity/data-binding.md): Binding Rive Data to Unity and vice versa - [Fundamentals](https://uat.rive.app/docs/game-runtimes/unity/fundamentals.md) - [Getting Started](https://uat.rive.app/docs/game-runtimes/unity/getting-started.md): Adding Rive to your Unity game. - [Layouts](https://uat.rive.app/docs/game-runtimes/unity/layouts.md): Control the layout of your Rive animation in Unity - [Listeners](https://uat.rive.app/docs/game-runtimes/unity/listeners.md): Enable listeners on your Rive animation in Unity - [Loading Assets](https://uat.rive.app/docs/game-runtimes/unity/loading-assets.md): Out-of-band assets in Rive Unity. - [Procedural Rendering](https://uat.rive.app/docs/game-runtimes/unity/procedural-rendering.md): Procedurally draw shapes and paths in Unity using Rive - [Rive Events](https://uat.rive.app/docs/game-runtimes/unity/rive-events.md): Access Rive Events in Unity. - [Runtime Asset Swapping](https://uat.rive.app/docs/game-runtimes/unity/runtime-asset-swapping.md) - [State Machines](https://uat.rive.app/docs/game-runtimes/unity/state-machines.md) - [Text](https://uat.rive.app/docs/game-runtimes/unity/text.md) - [Unity](https://uat.rive.app/docs/game-runtimes/unity/unity.md): Unity runtime for Rive. - [Audio](https://uat.rive.app/docs/game-runtimes/unreal/audio.md) - [Common Use Cases](https://uat.rive.app/docs/game-runtimes/unreal/common-use-cases.md) - [Data Binding Overview](https://uat.rive.app/docs/game-runtimes/unreal/data-binding-overview.md): Unreal Data Binding Fundamentals - [Data Binding Usage](https://uat.rive.app/docs/game-runtimes/unreal/data-binding-usage.md): Binding Rive Data to Unreal - [Fundamentals](https://uat.rive.app/docs/game-runtimes/unreal/fundamentals.md) - [Getting Started](https://uat.rive.app/docs/game-runtimes/unreal/getting-started.md): Adding Rive to your Unreal project. - [Loading Assets](https://uat.rive.app/docs/game-runtimes/unreal/loading-assets.md): Out-of-band assets in Rive Unreal. - [Rive Events](https://uat.rive.app/docs/game-runtimes/unreal/rive-events.md): Access Rive Events in Unreal. - [Runtime Asset Swapping](https://uat.rive.app/docs/game-runtimes/unreal/runtime-asset-swapping.md) - [State Machines](https://uat.rive.app/docs/game-runtimes/unreal/state-machines.md): Interact with the Rive State Machine in Unreal. - [Text](https://uat.rive.app/docs/game-runtimes/unreal/text.md) - [Unreal](https://uat.rive.app/docs/game-runtimes/unreal/unreal.md): Unreal runtime for Rive. - [Best Practices](https://uat.rive.app/docs/getting-started/best-practices.md): Editor & runtime performance and usage considerations. - [Introduction](https://uat.rive.app/docs/getting-started/introduction.md): Welcome to the Rive Docs. We've split this documentation into the sub-sections below. If you can't find the information you're looking for or have questions for us, join us on [Twitter](https://twitter.com/rive_app), [Discord](https://discord.com/invite/FGjmaTr), or contact us by filling out [this form](https://rive.app/contact). - [Quick Links](https://uat.rive.app/docs/getting-started/quick-links.md) - [Acceptable Use Policy](https://uat.rive.app/docs/legal/acceptable-use-policy.md) - [Privacy Policy](https://uat.rive.app/docs/legal/privacy-policy.md) - [Terms of Service](https://uat.rive.app/docs/legal/terms-of-service.md) - [Format](https://uat.rive.app/docs/runtimes/advanced-topic/format.md) - [Android](https://uat.rive.app/docs/runtimes/android/android.md): Android runtime for Rive. - [Animation Playback](https://uat.rive.app/docs/runtimes/animation-playback.md): Playing and pausing animations. - [Apple](https://uat.rive.app/docs/runtimes/apple/apple.md): Apple runtime for Rive. - [FAQ](https://uat.rive.app/docs/runtimes/apple/faq.md) - [Migrating from 1.x.x to 2.x.x](https://uat.rive.app/docs/runtimes/apple/migrating-from-1.x.x-to-2.x.x.md): Migrating guide from < 2.x - [Migrating from 2.x.x to 3.x.x](https://uat.rive.app/docs/runtimes/apple/migrating-from-2.x.x-to-3.x.x.md): Migrating guide from < 3.x - [Migrating from 3.x.x to 4.x.x](https://uat.rive.app/docs/runtimes/apple/migrating-from-3.x.x-to-4.x.x.md): Migrating guide from < 4.x - [Migrating from 4.x.x to 5.x.x](https://uat.rive.app/docs/runtimes/apple/migrating-from-4.x.x-to-5.x.x.md): Migrating guide from < 4.x - [Migrating from 5.x.x to 6.x.x](https://uat.rive.app/docs/runtimes/apple/migrating-from-5.x.x-to-6.x.x.md): Migrating guide from < 6.x - [Resource Usage](https://uat.rive.app/docs/runtimes/apple/resource-usage.md) - [Caching a Rive File](https://uat.rive.app/docs/runtimes/caching-a-rive-file.md) - [FAQ](https://uat.rive.app/docs/runtimes/choose-a-renderer/faq.md): Rive Renderer FAQ. - [Choose a Renderer Overview](https://uat.rive.app/docs/runtimes/choose-a-renderer/overview.md): Specify a renderer to use at runtime. - [C#](https://uat.rive.app/docs/runtimes/community-runtimes/c-sharp.md): Community maintained C# (UWP) runtime for Rive - [Qt / QtQuick](https://uat.rive.app/docs/runtimes/community-runtimes/qt-quick.md): A Qt / QtQuick Renderer to draw Rive Graphics in QML. - [Data Binding](https://uat.rive.app/docs/runtimes/data-binding.md): Connect your code to bound editor elements using View Models - [Alternative Widget Setup](https://uat.rive.app/docs/runtimes/flutter/alternative-widget-setup.md): Techniques and considerations to cache a Rive File in Flutter. - [Caching a Rive File](https://uat.rive.app/docs/runtimes/flutter/caching-a-rave-file.md): Techniques and considerations to cache a Rive File in Flutter. - [Custom Painter](https://uat.rive.app/docs/runtimes/flutter/custom-painter.md): Advance and paint a Rive artboard manually in Flutter. - [Custom Rive RenderObject](https://uat.rive.app/docs/runtimes/flutter/custom-rive-renderobject.md): Extend RiveRenderObject to perform more advanced operations. - [Flutter](https://uat.rive.app/docs/runtimes/flutter/flutter.md): Flutter runtime for Rive. - [Rive Native](https://uat.rive.app/docs/runtimes/flutter/rive-native.md): A Flutter runtime that integrates the Rive Renderer and the core Rive C++ runtime. - [Getting Started with the Rive Runtimes](https://uat.rive.app/docs/runtimes/getting-started.md): Run Rive on your platform of choice. - [Layout](https://uat.rive.app/docs/runtimes/layout.md): Rive offers multiple options for controlling how graphics are laid out within the canvas, view, widget, or texture. - [Loading Assets](https://uat.rive.app/docs/runtimes/loading-assets.md): Loading and replacing assets dynamically at runtime - [Logging](https://uat.rive.app/docs/runtimes/logging.md) - [Playing Audio](https://uat.rive.app/docs/runtimes/playing-audio.md): To learn more on how to add audio to your Rive file, see [Audio Events](/editor/events/audio-events). - [Adding Rive to Expo](https://uat.rive.app/docs/runtimes/react-native/adding-rive-to-expo.md): Rive React Native Expo. - [Loading in Rive Files](https://uat.rive.app/docs/runtimes/react-native/loading-rive-to-expo.md): How to use Rive files with the Rive React Native runtime. - [Migration Guide](https://uat.rive.app/docs/runtimes/react-native/migration-guide.md): This document provides a step-by-step guide to help you migrate from a previous version to the latest version of the Rive React Native runtime. - [Props](https://uat.rive.app/docs/runtimes/react-native/props.md): Rive Component Props - [React Native](https://uat.rive.app/docs/runtimes/react-native/react-native.md): React Native runtime for Rive. - [Rive Ref Methods](https://uat.rive.app/docs/runtimes/react-native/rive-ref-methods.md) - [Migrating from 0.x.x to 1.x.x](https://uat.rive.app/docs/runtimes/react/migrating-from-v0-to-v1.md): Migrating to 1.x.x - [Migrating from 1.x.x to 3.x.x](https://uat.rive.app/docs/runtimes/react/migrating-from-v1-to-v3.md): Migrating to v3.x.x - [Migrating from v3 to v4](https://uat.rive.app/docs/runtimes/react/migrating-from-v3-to-v4.md): Migration notes going from v3 to v4 of the React runtime - [Parameters and Return Values](https://uat.rive.app/docs/runtimes/react/parameters-and-return-values.md): Rive React API. - [React](https://uat.rive.app/docs/runtimes/react/react.md): React runtime for Rive. - [Rive Events](https://uat.rive.app/docs/runtimes/rive-events.md): Subscribing to Rive Events at runtime. - [Runtime Sizes](https://uat.rive.app/docs/runtimes/runtime-sizes.md): Last updated: March 2025 - [State Machines](https://uat.rive.app/docs/runtimes/state-machines.md): Playing and changing inputs in state machines - [Text](https://uat.rive.app/docs/runtimes/text.md): Reading and modifying text at runtime. - [Canvas vs WebGL](https://uat.rive.app/docs/runtimes/web/canvas-vs-webgl.md) - [FAQ](https://uat.rive.app/docs/runtimes/web/faq.md): Common issues for the web runtime. - [Low-level API Usage](https://uat.rive.app/docs/runtimes/web/low-level-api-usage.md): Using low-level JS APIs to construct Rive scenes. - [Migrating from rive.js](https://uat.rive.app/docs/runtimes/web/migrating-from-rive-js.md): Migration guide from the rive-js package - [Migrating from v1 to v2](https://uat.rive.app/docs/runtimes/web/migrating-from-v1-to-v2.md): Migration notes going from v1 to v2 of the JS runtime. - [Preloading WASM](https://uat.rive.app/docs/runtimes/web/preloading-wasm.md) - [Rive Parameters](https://uat.rive.app/docs/runtimes/web/rive-parameters.md): API docs for the Rive instance. - [Web (JS)](https://uat.rive.app/docs/runtimes/web/web-js.md): JavaScript/WASM runtime for Rive. - [Awesome Rive](https://uat.rive.app/docs/tutorials/awesome-rive.md) - [Learn Rive](https://uat.rive.app/docs/tutorials/learn-rive.md) ## Optional - [Case Studies](https://rive.app/blog/case-studies) - [Community](https://community.rive.app) - [Blog](https://rive.app/blog) - [Early Access](https://rive.app/blog/early-access-to-unreleased-features)