Rive

Interactive animations with built-in state machines. Animation logic inside the .riv file.

When to Use

• Animations that REACT to input (hover, click, data)
• Animated buttons, toggles, checkboxes
• Progress indicators driven by values
• Multi-state characters/icons
• Complex state transitions

When NOT to Use

• Simple decorative loops → Lottie
• Static illustrations → SVG
• Quick spinners → CSS/Lottie

Key Concept: State Machines