# Rive ## Docs - [Account Management](https://rive-accessibility.mintlify.app/account-admin/account-overview/account-management.md) - [Billing Changes](https://rive-accessibility.mintlify.app/account-admin/account-overview/billing-changes.md): How to update your card, change your plan, or manage billing for your Rive workspace. - [Cancel My Subscription](https://rive-accessibility.mintlify.app/account-admin/account-overview/cancel-my-account.md) - [Creating an Account](https://rive-accessibility.mintlify.app/account-admin/account-overview/creating-an-account.md) - [Delete My Account](https://rive-accessibility.mintlify.app/account-admin/account-overview/delete-my-account.md): Deleting your account is permanent and removes all your data after 90 days. - [Downloading My Receipt/Invoice](https://rive-accessibility.mintlify.app/account-admin/account-overview/downloading-my-receipt-or-invoice.md) - [Trouble Logging In](https://rive-accessibility.mintlify.app/account-admin/account-overview/trouble-logging-in.md) - [Bring Your Own S3 Bucket](https://rive-accessibility.mintlify.app/account-admin/bring-your-own-bucket.md): Configure your own AWS S3 bucket to work with Rive - [Pricing](https://rive-accessibility.mintlify.app/account-admin/pricing.md) - [Creating a Workspace](https://rive-accessibility.mintlify.app/account-admin/workspaces/creating-a-workspace.md): You can have multiple workspaces—some free, some paid. Each is billed separately. - [Inviting Workspace Members](https://rive-accessibility.mintlify.app/account-admin/workspaces/inviting-workspace-members.md) - [Reactivating a Canceled Workspace](https://rive-accessibility.mintlify.app/account-admin/workspaces/reactivating-a-canceled-workspace.md): If your workspace was canceled but not deleted, you can reactivate it. - [Removing Workspace Members](https://rive-accessibility.mintlify.app/account-admin/workspaces/removing-workspace-members.md) - [Workspace FAQs](https://rive-accessibility.mintlify.app/account-admin/workspaces/workspace-faqs.md): Answers to common Workspace questions. - [Workspaces Overview](https://rive-accessibility.mintlify.app/account-admin/workspaces/workspaces-overview.md) - [Community Overview](https://rive-accessibility.mintlify.app/community/community-overview.md) - [Marketplace Overview](https://rive-accessibility.mintlify.app/community/marketplace-overview.md) - [Rive Experts](https://rive-accessibility.mintlify.app/community/rive-experts.md) - [Semantics](https://rive-accessibility.mintlify.app/editor/accessibility/semantics.md): Make your experiences accessible to screen readers by defining semantic types, properties, states, and actions - [AI Agent](https://rive-accessibility.mintlify.app/editor/ai-agent/ai-agent.md): Rive's AI agent helps you write code, design, and animate. - [Animate Mode Overview](https://rive-accessibility.mintlify.app/editor/animate-mode/animate-mode-overview.md) - [Animating Draw Order](https://rive-accessibility.mintlify.app/editor/animate-mode/animating-draw-order.md) - [Animation Mixing](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/animate-mode/interpolation-easing.md) - [Keys](https://rive-accessibility.mintlify.app/editor/animate-mode/keys.md) - [Timeline](https://rive-accessibility.mintlify.app/editor/animate-mode/timeline.md) - [Constraints Overview](https://rive-accessibility.mintlify.app/editor/constraints/constraints-overview.md): Learn how to use constraints in Rive. - [Distance Constraint](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/constraints/follow-path-constraint.md) - [IK Constraint](https://rive-accessibility.mintlify.app/editor/constraints/ik-constraint.md): Learn how to use Inverse Kinematics in Rive. - [Rotation Constraint](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/constraints/scroll-constraint.md) - [Transform Constraint](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/constraints/translation-constraint.md) - [Enums](https://rive-accessibility.mintlify.app/editor/data-binding/enums.md): Use enums to control states, modes, and variants by selecting from a predefined set of options. - [Lists](https://rive-accessibility.mintlify.app/editor/data-binding/lists.md): Use Data Binding to generate lists at runtime - [Migration Guide](https://rive-accessibility.mintlify.app/editor/data-binding/migration-guide.md): Migrate from State Machine Inputs and Listening to Events at runtime to Data Binding - [Data Binding Overview](https://rive-accessibility.mintlify.app/editor/data-binding/overview.md): Connect editor elements to data and code using View Models - [Property Groups](https://rive-accessibility.mintlify.app/editor/data-binding/property-groups.md): Create local values that can be keyed, animated, and bound to View Model properties. - [Property Types](https://rive-accessibility.mintlify.app/editor/data-binding/property-types.md) - [Embed URLs Overview](https://rive-accessibility.mintlify.app/editor/embed-urls/overview.md): Embed URLs are a fast, no-code way to share or embed your Rive files on the web. - [Audio Events](https://rive-accessibility.mintlify.app/editor/events/audio-events.md) - [Events Overview](https://rive-accessibility.mintlify.app/editor/events/overview.md): ⚠️ DEPRECATED: Use Data Binding instead of Events - [Exporting for Backup](https://rive-accessibility.mintlify.app/editor/exporting/exporting-for-backup.md) - [Exporting for Runtime](https://rive-accessibility.mintlify.app/editor/exporting/exporting-for-runtime.md) - [Exporting for Video or Static Design](https://rive-accessibility.mintlify.app/editor/exporting/exporting-for-video-and-static-design.md) - [Artboards](https://rive-accessibility.mintlify.app/editor/fundamentals/artboards.md): Artboards are the foundation of a file. - [Components (formerly Nested Artboards)](https://rive-accessibility.mintlify.app/editor/fundamentals/components.md): Components streamline your workflow with reusable artboards and animations. Changes made to the source component are reflected across all of its instances. - [Design vs Animate Mode](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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. - [Fill and Stroke](https://rive-accessibility.mintlify.app/editor/fundamentals/fill-and-stroke.md): The Fill and Stroke section of the Inspector allows you to add and modify the Fill and Stroke properties of the currently selected object. You can create as many fills or strokes as you'd like. - [Freeze and Origin](https://rive-accessibility.mintlify.app/editor/fundamentals/freeze-and-origin.md) - [Groups](https://rive-accessibility.mintlify.app/editor/fundamentals/groups.md): Use groups to organize your graphics or to add extra transform spaces. - [Importing Assets](https://rive-accessibility.mintlify.app/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. - [Fundamentals Overview](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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. - [Procedural Shapes](https://rive-accessibility.mintlify.app/editor/fundamentals/procedural-shapes.md) - [Revision History](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/fundamentals/selecting-and-navigating-groups.md) - [Shapes and Paths Overview](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/fundamentals/transform-spaces.md) - [Using the Rive Editor](https://rive-accessibility.mintlify.app/editor/get-rive.md): Choose how you want to use the Rive editor: in your browser or as a desktop app. - [Hierarchy](https://rive-accessibility.mintlify.app/editor/interface-overview/hierarchy.md): The Hierarchy shows you all of the objects, assets, and view models in your file. This view changes based on the artboard, component, or tab you have selected. - [Inspector](https://rive-accessibility.mintlify.app/editor/interface-overview/inspector.md): The Inspector is located on the right side of the Editor. It shows all of the editable properties of all objects in the Rive editor. - [Interface Overview](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/interface-overview/stage.md): The Stage is an infinite canvas where you can place artboards containing all your graphics. - [Toolbar](https://rive-accessibility.mintlify.app/editor/interface-overview/toolbar.md): Access file, design, rigging, and export tools and options from the Rive Editor toolbar. - [Keyboard Shortcuts](https://rive-accessibility.mintlify.app/editor/keyboard-shortcuts.md) - [Animation](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/layouts/layout-styles.md): Layouts can have styles applied directly to them - [Tools](https://rive-accessibility.mintlify.app/editor/layouts/layout-tools.md): There are several Layout tools available in Rive to build your responsive UI or content - [Overview](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/layouts/n-slicing.md) - [Scrolling](https://rive-accessibility.mintlify.app/editor/layouts/scrolling.md) - [Libraries](https://rive-accessibility.mintlify.app/editor/libraries.md): Publish your components with dynamic data once, and reuse them everywhere in your project. - [Bone Tips](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/manipulating-shapes/bones.md) - [Clipping](https://rive-accessibility.mintlify.app/editor/manipulating-shapes/clipping.md): Clipping allows you to cut one shape out from another. - [Joysticks](https://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/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://rive-accessibility.mintlify.app/editor/manipulating-shapes/trim-path.md) - [Inputs](https://rive-accessibility.mintlify.app/editor/state-machine/inputs.md): ⚠️ DEPRECATED: Use Data Binding instead of Inputs for controlling Rive graphics - [Layers](https://rive-accessibility.mintlify.app/editor/state-machine/layers.md): Layers let you build more complex logic and animation with the state machine. - [Listeners](https://rive-accessibility.mintlify.app/editor/state-machine/listeners.md): Listeners let designers create interactive behavior without the use of code. - [State Machine Overview](https://rive-accessibility.mintlify.app/editor/state-machine/state-machine.md): Add intelligence to your animations. - [States](https://rive-accessibility.mintlify.app/editor/state-machine/states.md) - [Transitions](https://rive-accessibility.mintlify.app/editor/state-machine/transitions.md) - [Tagging](https://rive-accessibility.mintlify.app/editor/tagging.md) - [Fonts](https://rive-accessibility.mintlify.app/editor/text/fonts.md) - [Text Modifiers](https://rive-accessibility.mintlify.app/editor/text/text-modifiers.md) - [Text Overview](https://rive-accessibility.mintlify.app/editor/text/text-overview.md) - [Text Runs](https://rive-accessibility.mintlify.app/editor/text/text-runs.md) - [Text Styles](https://rive-accessibility.mintlify.app/editor/text/text-styles.md) - [Feature Support](https://rive-accessibility.mintlify.app/feature-support.md) - [Defold](https://rive-accessibility.mintlify.app/game-runtimes/defold.md) - [Audio](https://rive-accessibility.mintlify.app/game-runtimes/unity/audio.md): Rive audio playback in Unity. - [Best Practices](https://rive-accessibility.mintlify.app/game-runtimes/unity/best-practices.md): Performance and usage considerations for Rive in Unity. - [Components](https://rive-accessibility.mintlify.app/game-runtimes/unity/components.md) - [Data Binding](https://rive-accessibility.mintlify.app/game-runtimes/unity/data-binding.md): Connect your code to bound editor elements using View Models - [FAQ](https://rive-accessibility.mintlify.app/game-runtimes/unity/faq.md): Common questions for the Unity runtime. - [Fundamentals](https://rive-accessibility.mintlify.app/game-runtimes/unity/fundamentals.md) - [Getting Started](https://rive-accessibility.mintlify.app/game-runtimes/unity/getting-started.md): Adding Rive to your Unity project. - [Layouts](https://rive-accessibility.mintlify.app/game-runtimes/unity/layouts.md): Control the layout of your Rive animation in Unity - [Listeners](https://rive-accessibility.mintlify.app/game-runtimes/unity/listeners.md): Enable listeners on your Rive animation in Unity - [Loading Assets](https://rive-accessibility.mintlify.app/game-runtimes/unity/loading-assets.md): Out-of-band assets in Rive Unity. - [Procedural Rendering](https://rive-accessibility.mintlify.app/game-runtimes/unity/procedural-rendering.md): Procedurally draw shapes and paths in Unity using Rive - [Runtime Asset Swapping](https://rive-accessibility.mintlify.app/game-runtimes/unity/runtime-asset-swapping.md) - [State Machines](https://rive-accessibility.mintlify.app/game-runtimes/unity/state-machines.md) - [Control a health bar with data binding in Unity](https://rive-accessibility.mintlify.app/game-runtimes/unity/tutorials/health-bar.md): Learn how to connect Unity gameplay data to a Rive health bar using view model instance properties. - [Unity](https://rive-accessibility.mintlify.app/game-runtimes/unity/unity.md): Unity runtime for Rive. - [Getting Started](https://rive-accessibility.mintlify.app/game-runtimes/unreal/getting-started.md): Install the Rive Unreal plugin, run your first Artboard via URiveActorComponent, and display it in UMG. - [World-Space RenderTargets](https://rive-accessibility.mintlify.app/game-runtimes/unreal/in-world-textures.md): Drag a Rive RenderTarget into the level to create an in-world surface with an auto-generated material. - [Observing ViewModel Changes](https://rive-accessibility.mintlify.app/game-runtimes/unreal/observing-viewmodel-changes.md): React to animation and state updates by observing ViewModel property changes. - [Runtime Asset Swapping](https://rive-accessibility.mintlify.app/game-runtimes/unreal/runtime-asset-swapping.md): Swap image assets at runtime in Unreal via data binding. - [Unreal Engine](https://rive-accessibility.mintlify.app/game-runtimes/unreal/unreal.md) - [Using Triggers](https://rive-accessibility.mintlify.app/game-runtimes/unreal/using-triggers.md): Using triggers in the Rive plugin. - [Best Practices](https://rive-accessibility.mintlify.app/getting-started/best-practices.md): Editor & runtime performance and usage considerations. - [Introduction](https://rive-accessibility.mintlify.app/getting-started/introduction.md): Welcome to the Rive docs. Browse the sections below to get started. Need help or can’t find something? Reach out on [Twitter](https://twitter.com/rive_app), join our [Discord](https://discord.com/invite/FGjmaTr), or ask the [Rive Community](https://community.rive.app/c/support/). - [Add VAT/Tax ID to Your Invoice](https://rive-accessibility.mintlify.app/home/account-admin/account-overview/add-vat-tax-id-to-your-invoice.md): Need a tax invoice with your VAT or Tax ID for your records? Use our form and we'll email you an updated invoice. - [Cancel a Former Employee's Subscription](https://rive-accessibility.mintlify.app/home/account-admin/account-overview/cancel-a-former-employees-subscription.md): If an employee left your company but their Rive subscription is still billing your card, we can help cancel it. You don't need access to their account. - [Change Your Email or Password](https://rive-accessibility.mintlify.app/home/account-admin/account-overview/change-your-email-or-password.md) - [Refunds](https://rive-accessibility.mintlify.app/home/account-admin/account-overview/refunds.md) - [Delete a Workspace](https://rive-accessibility.mintlify.app/home/account-admin/workspaces/delete-a-workspace.md): How to permanently delete a Rive workspace and what happens to your files. - [Transfer Workspace Ownership](https://rive-accessibility.mintlify.app/home/account-admin/workspaces/transfer-workspace-ownership.md) - [Workspace Status](https://rive-accessibility.mintlify.app/home/account-admin/workspaces/workspace-status.md) - [HTML Embed](https://rive-accessibility.mintlify.app/integrations/html-embed.md): Embed Rive in platforms that support custom HTML. - [3rd Party Integrations](https://rive-accessibility.mintlify.app/integrations/overview.md) - [.riv File Format](https://rive-accessibility.mintlify.app/runtimes/advanced-topic/format.md) - [Android](https://rive-accessibility.mintlify.app/runtimes/android/android.md): The Android runtime for Rive. - [Artboards](https://rive-accessibility.mintlify.app/runtimes/android/artboards.md): Selecting which artboard to render at runtime - [Caching a Rive File](https://rive-accessibility.mintlify.app/runtimes/android/caching-a-rive-file.md) - [Data Binding](https://rive-accessibility.mintlify.app/runtimes/android/data-binding.md): Connect your code to bound editor elements using View Models - [Fonts](https://rive-accessibility.mintlify.app/runtimes/android/fonts.md): Loading and replacing fonts dynamically at runtime. - [Layout](https://rive-accessibility.mintlify.app/runtimes/android/layouts.md): Control how graphics are laid out within the canvas. - [Getting Started (Legacy API)](https://rive-accessibility.mintlify.app/runtimes/android/legacy-getting-started.md): Getting started instructions for the Rive Android Legacy API. - [Loading Assets](https://rive-accessibility.mintlify.app/runtimes/android/loading-assets.md): Loading and replacing assets dynamically at runtime - [Logging](https://rive-accessibility.mintlify.app/runtimes/android/logging.md) - [Migrating from the Legacy Rive Android Runtime](https://rive-accessibility.mintlify.app/runtimes/android/migrating-from-legacy.md): A guide to help you transition from the legacy Rive Android runtime to the new runtime. - [Playing Audio](https://rive-accessibility.mintlify.app/runtimes/android/playing-audio.md): Playing Rive audio events - [Rendering to a Bitmap](https://rive-accessibility.mintlify.app/runtimes/android/rendering-to-a-bitmap.md): Render screenshots and video at runtime. - [State Machine Playback](https://rive-accessibility.mintlify.app/runtimes/android/state-machines.md): Playing a state machine - [Apple](https://rive-accessibility.mintlify.app/runtimes/apple/apple.md): Apple runtime for Rive. - [Artboards](https://rive-accessibility.mintlify.app/runtimes/apple/artboards.md): Selecting which artboard to render at runtime - [Caching a Rive File](https://rive-accessibility.mintlify.app/runtimes/apple/caching-a-rive-file.md) - [Data Binding](https://rive-accessibility.mintlify.app/runtimes/apple/data-binding.md): Connect your code to bound editor elements using View Models - [FAQ](https://rive-accessibility.mintlify.app/runtimes/apple/faq.md) - [Fonts](https://rive-accessibility.mintlify.app/runtimes/apple/fonts.md): Loading and replacing fonts dynamically at runtime. - [Layout](https://rive-accessibility.mintlify.app/runtimes/apple/layouts.md): Control how graphics are laid out within the canvas. - [Loading Assets](https://rive-accessibility.mintlify.app/runtimes/apple/loading-assets.md): Loading and replacing assets dynamically at runtime - [Logging](https://rive-accessibility.mintlify.app/runtimes/apple/logging.md) - [Migrating from the Legacy Rive Apple Runtime](https://rive-accessibility.mintlify.app/runtimes/apple/migrating-from-legacy.md): A guide to help you transition from the legacy Rive Apple runtime to the new runtime. - [Migration Guides](https://rive-accessibility.mintlify.app/runtimes/apple/migration-guides.md): Migrating between major versions of the Apple runtime - [Playing Audio](https://rive-accessibility.mintlify.app/runtimes/apple/playing-audio.md): Playing Rive audio events - [Resource Usage](https://rive-accessibility.mintlify.app/runtimes/apple/resource-usage.md) - [State Machine Playback](https://rive-accessibility.mintlify.app/runtimes/apple/state-machines.md): Playing a state machine - [FAQ](https://rive-accessibility.mintlify.app/runtimes/choose-a-renderer/faq.md): Rive Renderer FAQ. - [Choose a Renderer Overview](https://rive-accessibility.mintlify.app/runtimes/choose-a-renderer/overview.md): Specify a renderer to use at runtime. - [Angular](https://rive-accessibility.mintlify.app/runtimes/community-runtimes/angular.md): A modern Angular wrapper runtime for Rive - [C#](https://rive-accessibility.mintlify.app/runtimes/community-runtimes/c-sharp.md): Community maintained C# (UWP) runtime for Rive - [Qt / QtQuick](https://rive-accessibility.mintlify.app/runtimes/community-runtimes/qt-quick.md): A Qt / QtQuick Renderer to draw Rive Graphics in QML. - [Rive Runtime Demos & Starters](https://rive-accessibility.mintlify.app/runtimes/demos.md): Quick examples to get you up and running. - [Flutter API Reference](https://rive-accessibility.mintlify.app/runtimes/flutter/api-reference.md): Explore the full Rive Flutter API, including widgets, controllers, and runtime classes. - [Artboards](https://rive-accessibility.mintlify.app/runtimes/flutter/artboards.md): Selecting which artboard to render at runtime - [Caching a Rive File](https://rive-accessibility.mintlify.app/runtimes/flutter/caching-a-rive-file.md) - [Data Binding](https://rive-accessibility.mintlify.app/runtimes/flutter/data-binding.md): Connect your code to bound editor elements using View Models - [FAQ](https://rive-accessibility.mintlify.app/runtimes/flutter/faq.md): Common Flutter runtime issues and fixes. - [Flutter](https://rive-accessibility.mintlify.app/runtimes/flutter/flutter.md): Flutter runtime for Rive. - [Fonts](https://rive-accessibility.mintlify.app/runtimes/flutter/fonts.md): Loading and replacing fonts dynamically at runtime. - [Layout](https://rive-accessibility.mintlify.app/runtimes/flutter/layouts.md): Control how graphics are laid out within the canvas. - [Loading Assets](https://rive-accessibility.mintlify.app/runtimes/flutter/loading-assets.md): Loading and replacing assets dynamically at runtime - [Migration Guide](https://rive-accessibility.mintlify.app/runtimes/flutter/migration-guide.md): Learn how to migrate your Flutter app when upgrading between major versions of the Rive Flutter runtime, including breaking changes and new features. - [Playing Audio](https://rive-accessibility.mintlify.app/runtimes/flutter/playing-audio.md): Playing Rive audio events - [Rive Native for Flutter](https://rive-accessibility.mintlify.app/runtimes/flutter/rive-native.md): A Flutter plugin that integrates the Rive Renderer and the core Rive C++ runtime. Used by the Rive Flutter runtime. - [State Machine Playback](https://rive-accessibility.mintlify.app/runtimes/flutter/state-machines.md): Playing a state machine - [Getting Started with the Rive Runtimes](https://rive-accessibility.mintlify.app/runtimes/getting-started.md): Run Rive on your platform of choice. - [Adding Rive to Expo](https://rive-accessibility.mintlify.app/runtimes/react-native/adding-rive-to-expo.md): Rive React Native Expo. - [Artboards](https://rive-accessibility.mintlify.app/runtimes/react-native/artboards.md): Selecting which artboard to render at runtime - [Caching a Rive File](https://rive-accessibility.mintlify.app/runtimes/react-native/caching-a-rive-file.md) - [Data Binding](https://rive-accessibility.mintlify.app/runtimes/react-native/data-binding.md): Connect your code to bound editor elements using View Models - [Error Handling](https://rive-accessibility.mintlify.app/runtimes/react-native/error-handling.md): Handling errors in Rive React Native - [Fonts](https://rive-accessibility.mintlify.app/runtimes/react-native/fonts.md): Loading and replacing fonts dynamically at runtime. - [Layout](https://rive-accessibility.mintlify.app/runtimes/react-native/layouts.md): Control how graphics are laid out within the canvas. - [Loading Assets](https://rive-accessibility.mintlify.app/runtimes/react-native/loading-assets.md): Loading and replacing assets dynamically at runtime - [Loading Rive Files](https://rive-accessibility.mintlify.app/runtimes/react-native/loading-rive-files.md): How to use Rive files with the Rive React Native runtime. - [Migration Guide](https://rive-accessibility.mintlify.app/runtimes/react-native/migration-guide.md): Learn how to migrate your React Native app when upgrading between major versions of the Rive React Native runtime, including breaking changes and new features. - [Native SDK Version Customization](https://rive-accessibility.mintlify.app/runtimes/react-native/native-version-customization.md): How to override the underlying iOS or Android Rive Native SDK version used by Rive React Native - [Playing Audio](https://rive-accessibility.mintlify.app/runtimes/react-native/playing-audio.md): Playing Rive audio events - [Props](https://rive-accessibility.mintlify.app/runtimes/react-native/props.md): Rive Component Props - [React Native](https://rive-accessibility.mintlify.app/runtimes/react-native/react-native.md): React Native runtime for Rive. - [Rive Ref Methods](https://rive-accessibility.mintlify.app/runtimes/react-native/rive-ref-methods.md) - [State Machine Playback](https://rive-accessibility.mintlify.app/runtimes/react-native/state-machines.md): Playing a state machine - [Artboards](https://rive-accessibility.mintlify.app/runtimes/react/artboards.md): Selecting which artboard to render at runtime - [Caching a Rive File](https://rive-accessibility.mintlify.app/runtimes/react/caching-a-rive-file.md) - [Data Binding](https://rive-accessibility.mintlify.app/runtimes/react/data-binding.md): Connect your code to bound editor elements using View Models - [Fonts](https://rive-accessibility.mintlify.app/runtimes/react/fonts.md): Loading and replacing fonts dynamically at runtime. - [Layout](https://rive-accessibility.mintlify.app/runtimes/react/layouts.md): Control how graphics are laid out within the canvas. - [Loading Assets](https://rive-accessibility.mintlify.app/runtimes/react/loading-assets.md): Loading and replacing assets dynamically at runtime - [Migration Guides](https://rive-accessibility.mintlify.app/runtimes/react/migration-guides.md): Migrating between major versions of the Apple runtime - [Parameters and Return Values](https://rive-accessibility.mintlify.app/runtimes/react/parameters-and-return-values.md): Rive React API. - [Playing Audio](https://rive-accessibility.mintlify.app/runtimes/react/playing-audio.md): Playing Rive audio events - [Preloading WASM](https://rive-accessibility.mintlify.app/runtimes/react/preloading-wasm.md) - [React](https://rive-accessibility.mintlify.app/runtimes/react/react.md): React runtime for Rive. - [Rendering to a Bitmap](https://rive-accessibility.mintlify.app/runtimes/react/rendering-to-a-bitmap.md): Render screenshots and video at runtime. - [State Machine Playback](https://rive-accessibility.mintlify.app/runtimes/react/state-machines.md): Playing a state machine - [Runtime Sizes](https://rive-accessibility.mintlify.app/runtimes/runtime-sizes.md): Last updated: January 2026 - [Artboards](https://rive-accessibility.mintlify.app/runtimes/web/artboards.md): Selecting which artboard to render at runtime - [Caching a Rive File](https://rive-accessibility.mintlify.app/runtimes/web/caching-a-rive-file.md) - [Canvas vs WebGL2](https://rive-accessibility.mintlify.app/runtimes/web/canvas-vs-webgl.md): Choose between `@rive-app/webgl2` and `@rive-app/canvas`, with guidance on performance, package size, and when to use canvas-lite. - [Data Binding](https://rive-accessibility.mintlify.app/runtimes/web/data-binding.md): Connect your code to bound editor elements using View Models - [FAQ](https://rive-accessibility.mintlify.app/runtimes/web/faq.md): Common issues for the web runtime. - [Fonts](https://rive-accessibility.mintlify.app/runtimes/web/fonts.md): Loading and replacing fonts dynamically at runtime. - [Layout](https://rive-accessibility.mintlify.app/runtimes/web/layouts.md): Control how graphics are laid out within the canvas. - [Loading Assets](https://rive-accessibility.mintlify.app/runtimes/web/loading-assets.md): Loading and replacing assets dynamically at runtime - [Low-level API Usage](https://rive-accessibility.mintlify.app/runtimes/web/low-level-api-usage.md): Using low-level JS APIs to construct Rive scenes. - [Migration Guides](https://rive-accessibility.mintlify.app/runtimes/web/migration-guides.md): Migrating between major versions of the Apple runtime - [Playing Audio](https://rive-accessibility.mintlify.app/runtimes/web/playing-audio.md): Playing Rive audio events - [Preloading WASM](https://rive-accessibility.mintlify.app/runtimes/web/preloading-wasm.md) - [Rive Parameters](https://rive-accessibility.mintlify.app/runtimes/web/rive-parameters.md): API docs for the Rive instance. - [State Machine Playback](https://rive-accessibility.mintlify.app/runtimes/web/state-machines.md): Playing a state machine - [Getting Started](https://rive-accessibility.mintlify.app/runtimes/web/web-js.md): JavaScript/WASM runtime for Rive. - [Animation](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/animation.md) - [Artboard](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/artboard.md) - [FocusEvent](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/focus-event.md) - [KeyPhase](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/key-phase.md) - [KeyboardEvent](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/keyboard-event.md) - [ListenerContext](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/listener-context.md) - [NodeData](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/node-data.md) - [NodeReadData](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/node-read-data.md) - [NoneEvent](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/none-event.md) - [PointerEvent](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/pointer-event.md) - [PointerType](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/pointer-type.md) - [ReportedEvent](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/reported-event.md) - [TextInput](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/text-input.md) - [ViewModel](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/view-model.md) - [ViewModelChange](https://rive-accessibility.mintlify.app/scripting/api-reference/artboards/view-model-change.md) - [Color](https://rive-accessibility.mintlify.app/scripting/api-reference/color/color.md) - [DataValue](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/data-value.md) - [DataValueBoolean](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/data-value-boolean.md) - [DataValueColor](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/data-value-color.md) - [DataValueNumber](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/data-value-number.md) - [DataValueString](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/data-value-string.md) - [Listener](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/listener.md) - [Property](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/property.md) - [PropertyTrigger](https://rive-accessibility.mintlify.app/scripting/api-reference/data-value/property-trigger.md) - [Gradient](https://rive-accessibility.mintlify.app/scripting/api-reference/gradient/gradient.md) - [GradientStop](https://rive-accessibility.mintlify.app/scripting/api-reference/gradient/gradient-stop.md) - [Image](https://rive-accessibility.mintlify.app/scripting/api-reference/image/image.md) - [ImageFilter](https://rive-accessibility.mintlify.app/scripting/api-reference/image/image-filter.md) - [ImageSampler](https://rive-accessibility.mintlify.app/scripting/api-reference/image/image-sampler.md) - [ImageWrap](https://rive-accessibility.mintlify.app/scripting/api-reference/image/image-wrap.md) - [AudioSound](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/audio-sound.md) - [AudioSource](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/audio-source.md) - [Blob](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/blob.md) - [Context](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/context.md) - [Converter](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/converter.md) - [DataContext](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/data-context.md) - [EnumValues](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/enum-values.md) - [Input](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/input.md) - [Layout](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/layout.md) - [ListenerAction](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/listener-action.md) - [Node](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/node.md) - [Output](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/output.md) - [PathEffect](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/path-effect.md) - [PropertyEnum](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/property-enum.md) - [PropertyList](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/property-list.md) - [PropertyViewModel](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/property-view-model.md) - [TransitionCondition](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/transition-condition.md) - [Trigger](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/trigger.md) - [ViewModel](https://rive-accessibility.mintlify.app/scripting/api-reference/interfaces/view-model.md) - [Mat2D](https://rive-accessibility.mintlify.app/scripting/api-reference/mat2d/mat2d.md) - [BlendMode](https://rive-accessibility.mintlify.app/scripting/api-reference/paint/blend-mode.md) - [Paint](https://rive-accessibility.mintlify.app/scripting/api-reference/paint/paint.md) - [PaintDefinition](https://rive-accessibility.mintlify.app/scripting/api-reference/paint/paint-definition.md) - [PaintStyle](https://rive-accessibility.mintlify.app/scripting/api-reference/paint/paint-style.md) - [StrokeCap](https://rive-accessibility.mintlify.app/scripting/api-reference/paint/stroke-cap.md) - [StrokeJoin](https://rive-accessibility.mintlify.app/scripting/api-reference/paint/stroke-join.md) - [CommandType](https://rive-accessibility.mintlify.app/scripting/api-reference/path/command-type.md) - [ContourMeasure](https://rive-accessibility.mintlify.app/scripting/api-reference/path/contour-measure.md) - [Path](https://rive-accessibility.mintlify.app/scripting/api-reference/path/path.md) - [PathCommand](https://rive-accessibility.mintlify.app/scripting/api-reference/path/path-command.md) - [PathData](https://rive-accessibility.mintlify.app/scripting/api-reference/path/path-data.md) - [PathMeasure](https://rive-accessibility.mintlify.app/scripting/api-reference/path/path-measure.md) - [Renderer](https://rive-accessibility.mintlify.app/scripting/api-reference/renderer/renderer.md) - [Vector](https://rive-accessibility.mintlify.app/scripting/api-reference/vec2d/vector.md) - [Configuration](https://rive-accessibility.mintlify.app/scripting/configuration.md): Customize the Rive code editor with themes, typography, and execution settings. - [Creating Scripts](https://rive-accessibility.mintlify.app/scripting/creating-scripts.md) - [Data Binding](https://rive-accessibility.mintlify.app/scripting/data-binding.md) - [Debug Panel](https://rive-accessibility.mintlify.app/scripting/debugging/debug-panel.md) - [Unit Testing](https://rive-accessibility.mintlify.app/scripting/debugging/unit-testing.md): Write and run unit tests for your Util Scripts using Test scripts. - [Scripting Demos](https://rive-accessibility.mintlify.app/scripting/demos.md) - [Getting Started](https://rive-accessibility.mintlify.app/scripting/getting-started.md): Code, animation, and interaction all in one Editor. - [Keyboard Shortcuts](https://rive-accessibility.mintlify.app/scripting/keyboard-shortcuts.md): A comprehensive reference for all keyboard shortcuts in the Rive script editor. - [Pointer Events](https://rive-accessibility.mintlify.app/scripting/pointer-events.md) - [Converter Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/converter-scripts.md): Create custom converters using Rive scripting - [Layout Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/layout-scripts.md) - [Listener Action Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/listener-action-scripts.md): Run custom logic when a state machine listener fires - [Node Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/node-scripts.md) - [Protocols](https://rive-accessibility.mintlify.app/scripting/protocols/overview.md) - [Path Effect Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/path-effect-scripts.md): Create custom path effects using Rive scripting - [Test Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/test-scripts.md): Write tests for your scripts to ensure they are working correctly. - [Transition Condition Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/transition-condition-scripts.md): Create custom state machine transitions using scripts - [Util Scripts](https://rive-accessibility.mintlify.app/scripting/protocols/util-scripts.md): Create helper modules to organize shared logic across your scripts. - [Script Inputs](https://rive-accessibility.mintlify.app/scripting/script-inputs.md) ## OpenAPI Specs - [openapi](https://rive-accessibility.mintlify.app/api-reference/openapi.json)