Rive runtimes

Build once. Ship Rive animation into the stack your team already uses.

This page makes the official runtime paths easier to scan for animators, developers, product teams, and clients who need to understand where a `.riv` file can run.

Open Rive Player Official runtime docs

JSWeb RReact RNReact Native FLFlutter APApple ANAndroid UNUnity UEUnreal DFDefold

Web runtime

Web (JS)

Best for websites, landing pages, web apps, CMS embeds, and custom JavaScript interfaces. Use it when developers want direct control over canvas, playback, state machines, and inputs.

Open Web JS docs

Product web apps

React

Best for SaaS products, dashboards, design systems, and app UI where a team wants Rive components and hooks inside a React codebase.

Open React docs

Mobile apps

React Native

Best for cross-platform mobile teams that need Rive UI feedback, onboarding, and state-driven motion inside native-feeling app experiences.

Open React Native docs

Cross-platform UI

Flutter

Best for Flutter apps that need runtime-controlled animation, reusable UI motion, and production-friendly `.riv` assets across mobile and web.

Open Flutter docs

iOS, macOS, tvOS

Apple

Best for SwiftUI, UIKit, AppKit, and Apple platform interfaces where motion needs to connect to native product state.

Open Apple docs

Android apps

Android

Best for Android and Jetpack Compose teams that need Rive graphics connected to app state, loading, interaction, and data-driven UI.

Open Android docs

Game UI

Unity

Best for game menus, HUDs, tools, and interactive interfaces where Rive needs to run inside Unity runtime environments.

Open Unity docs

Real-time interfaces

Unreal

Best for Unreal Engine UI experiments, real-time product interfaces, and game interaction systems that need Rive rendering support.

Open Unreal docs

Game engine

Defold

Best for Defold games using Rive graphics through Defold's built-in Rive support and native renderer integration.

Open Defold docs

Community

Community Runtimes

Use community runtimes when an official runtime does not match the stack, then test carefully for feature support and production behavior.

Open Rive community

No-code and platforms

3rd Party Integrations

Use integrations for Webflow, Framer, Wix, and other builders when the goal is fast publishing without a full custom runtime setup.

View integrations

Simple publish

HTML Embed

Best for simple website embeds where a `.riv` file needs to run in a page with minimal setup. Use Web JS for deeper control.

Use Web JS docs

Runtime comparison

Choose the runtime by where the product ships.

Use this as a fast planning guide before animation work starts.

Runtime	Best For	Developer Note
Web JS	Websites, custom tools, embeds, experiments	Direct canvas control with play, pause, layout, and state machines.
React	SaaS apps, dashboards, component systems	Use Rive components and hooks inside product UI.
React Native	Cross-platform mobile apps	Plan state names and inputs carefully for app integration.
Flutter	Mobile, desktop, and web apps built with Flutter	Useful for shared UI motion across platforms.
Apple / Android	Native mobile and platform-specific product UI	Best when motion must feel fully native.
Unity / Unreal / Defold	Game UI, HUDs, tools, real-time interfaces	Check runtime feature support before production promises.