Skip to content

Rive Tester Documentation

Interactive Rive File Parser & Debugging Tool

A comprehensive web-based tool for parsing, inspecting, and debugging Rive animation files. Load .riv files, explore their structure, test animations with dynamic controls, and analyze state machines and ViewModel properties.

🚀 Quick Start

  • Launch Application


    Try the application immediately without any setup

    Launch App

  • Local Development


    Set up the development environment on your machine

    Installation Guide

  • User Guide


    Learn how to use all the features and panels

    Read Guide

✨ Key Features

🎮 Interactive Playground

Load local .riv files with real-time animation playback and professional IDE-like interface with dockable panels.

🔍 Deep Inspection

Analyze artboards, state machines, ViewModels, and embedded assets with interactive tree views.

🎛 Runtime Controls

Auto-generated UI controls for ViewModel properties, state machine inputs, and animation playback.

📦 Asset Manager

View, inspect, and replace embedded assets (images, fonts) with local files or URLs in real-time.

🐛 Debugging Tools

Global runtime access, modular logging system, and comprehensive error handling.

🎨 Modern UI

Dark theme, responsive design, and modular CSS architecture for professional workflow.

📚 Documentation Sections

Getting Started

User Guide

Advanced Topics

Development

Deployment

🛠 Technical Stack

Component Description
@rive-app/webgl2 Official Rive WebGL2 runtime
Golden Layout Professional dockable panel system
JSONEditor Interactive JSON tree viewer
Modular CSS Maintainable styling architecture

❤ Acknowledgments

  • Rive Team - For the Rive runtime and tools
  • JSONEditor - For the JSON viewing component
  • Golden Layout - For the layout system

Built with ❤ by IVG Design for the Rive community