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

Want the full thing?

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