Controls Rive (.riv) interactive animations at runtime using @rive-app/canvas-advanced, manages state machine inputs, and synchronizes animation states with application data via the Rive WASM runtime.
Installs into .claude/skills of the current project.
Are you the author of Rive Runtime Animation Controller?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/agentskillexchange-rive-runtime-animation-controller)
---
name: "Rive Runtime Animation Controller"
slug: "rive-runtime-animation-controller"
description: "Controls Rive (.riv) interactive animations at runtime using @rive-app/canvas-advanced, manages state machine inputs, and synchronizes animation states with application data via the Rive WASM runtime."
github_stars: 1111
verification: "security_reviewed"
source: "https://github.com/rive-app/rive-react"
author: "rive-app"
category: "Image & Creative Automation"
framework: "ChatGPT Agents"
tool_ecosystem:
github_repo: "rive-app/rive-react"
github_stars: 1111
npm_package: "rive-react"
npm_weekly_downloads: 19672
---
# Rive Runtime Animation Controller
Controls Rive (.riv) interactive animations at runtime using @rive-app/canvas-advanced, manages state machine inputs, and synchronizes animation states with application data via the Rive WASM runtime.
## Installation
Basic usage or getting-started notes:
- 🚀 [Getting Started & API docs](#getting-started)
- [Rive](https://rive.app) is a real-time interactive design and animation tool that helps teams create and run interactive animations anywhere. Designers and developers use our collaborative editor to create motion gra...
- Follow along with the link below for a quick start in getting Rive React integrated into your React apps.
- Source: https://github.com/rive-app/rive-react
- Extracted from upstream docs: https://raw.githubusercontent.com/rive-app/rive-react/HEAD/README.md
## Source
- [Agent Skill Exchange](https://agentskillexchange.com/skills/rive-runtime-animation-controller/)
