rive-interactive

SKILL.md

Rive Interactive - State Machine-Based Vector Animation

Overview

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

Key Features:

State machine system for complex interactive logic

ViewModel API for two-way data binding

Input handling (boolean, number, trigger inputs)

Custom events for animation-to-code communication

Runtime property control (colors, strings, numbers, enums)

Cross-platform support (Web, React, React Native, iOS, Android, Flutter)

Small file sizes with vector graphics