Interactive demo
Play with the muscle heatmap
Try both heatmaps right here. Basic toggles muscles on and off; Advanced adds your own colors, five intensity levels, and tap to identify. These are the actual Rive components running in your browser, no download or signup, showing the male front view, upper body only.
What you are playing with, next to what the paid packs add
The demo above is a cut-down build of the same artwork. The paid packs are the full asset.
| Feature | Basic $30 | Advanced $50 |
|---|---|---|
| Views | Front + back | Front + back |
| Body shape | Male + female | Male + female |
| Muscles | 29 | 29 |
| Highlight colors | 1, baked in | 4 customizable |
| Intensity tiers (0..4 input) | Not included in Basic | Included in Advanced |
| Tap-to-identify (name + group) | Not included in Basic | Included in Advanced |
Paid packs are one-time purchases with free version updates.
The paid Advanced heatmap
Themable at runtime. You can customize it with up to 4 colors to drive different states on each muscle:
- Back-view artboard + full posterior chain
- Male + female body shapes, 29 muscles
- Four runtime-settable colors (intensity / fatigue heatmaps)
- Tap any muscle to identify it and its muscle group
- Integration code samples for Flutter, SwiftUI, Android, React