Interactive demo

Play with the muscle heatmap

Toggle muscles below and watch them highlight in real time. This is the actual Rive component running in your browser, no download or signup. It's the free, open-source version: front view, single highlight color, 19 muscles.

Free & open source

This version is MIT-licensed and free to use in your own apps.

View on GitHub

The paid Advanced heatmap

The free version is front-only with a single color. The Advanced heatmap is the production component we ship in our own app:

  • Back-view artboard + full posterior chain
  • Four runtime-settable colors (intensity / fatigue heatmaps)
  • Tap any muscle to identify it and its muscle group (v2.0)
  • Integration code samples for Flutter, SwiftUI, Android, React