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
-
Local Development
Set up the development environment on your machine
-
User Guide
Learn how to use all the features and panels
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¶
- Quick Start - Get up and running in minutes
- Installation - Set up your development environment
User Guide¶
- User Guide - Complete user guide and interface overview
- Asset Manager - Managing embedded assets
Advanced Topics¶
- Debugging - Debug tools and techniques
- Runtime Controls - Advanced control features
Development¶
- Versioning - Semantic versioning system
Deployment¶
- GitHub Pages - Deploy to GitHub Pages
- Deployment Guide - General deployment information
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 |
Quick Links¶
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