Mockups
Elements
Anatomy
Usage
UI Elements
102 reusable components in 9 categories
title
Headers
10
expand_more
Section Header
4 states
EL-28
title
EL-44
with-count
EL-50
with-view-all
EL-78
simple
EL-01
Home Header
EL-02
Session Header
EL-24
Library Header
EL-37
Session Planning Header
EL-54
My Templates Section Header
EL-80
Timer Header Bar
menu
Navigation
4
expand_more
EL-03
Top App Bar
EL-04
Bottom Navigation Bar
EL-46
Bottom Action Bar
EL-76
Create Template Bottom Bar
dashboard
Cards
29
expand_more
Template List Item
3 states
EL-55
active
EL-56
default
EL-57
duo
Session Selection Card
3 states
EL-64
selected
EL-65
unselected
EL-66
faded
Plan Selection Card
3 states
EL-71
selected
EL-72
unselected
EL-73
faded
History Item
2 states
EL-91
collapsed
EL-92
expanded
Goal Selection Card
3 states
EL-98
default
EL-99
selected
EL-100
popular
EL-05
Template Card
EL-06
Recent Session Card
EL-07
Stats Cards
EL-08
Exercise List Card
EL-29
Exercise Library Item
EL-30
Exercise Thumbnail
EL-49
Creation Option Card
EL-51
Template Preview Card
EL-84
Up Next Card
EL-86
Hero Image with Play Button
EL-87
Quick Stat Tile
EL-88
Instructions Card
EL-89
Performance Stat Card
EL-90
Muscle Target Card
EL-96
Hero Card with Feature Badge
fitness_center
Exercise
5
expand_more
Exercise Card
3 states
EL-09
completed
EL-10
active
EL-79
pending
Exercise Selection Card
2 states
EL-39
added
EL-40
default
edit
Inputs
9
expand_more
Radio Check
2 states
EL-67
selected
EL-68
unselected
EL-11
Set Input Form
EL-12
Notes Input
EL-13
RPE Selector
EL-25
Search Bar
EL-41
Stepper Control
EL-42
Exercise Controls Row
EL-97
Text Input with Icon
smart_button
Buttons
20
expand_more
Use Button
2 states
EL-60
primary
EL-61
secondary
EL-14
Action Buttons
EL-15
Start Session Button
EL-16
Partner Mode Toggle
EL-34
More Options Button
EL-35
Add to Workout FAB
EL-36
Primary Add Button
EL-38
Templates Button
EL-43
Add/Check Toggle Button
EL-47
Delete Icon Button
EL-48
Create From Scratch Button
EL-62
Preview Button
EL-77
Filter Icon Button
EL-83
Quick Adjust Buttons
EL-85
Timer Action Buttons
EL-93
Sticky Footer Button
EL-94
Me/Partner Toggle
EL-101
Unit Toggle (KG/LBS)
EL-102
Primary CTA Button (Full Width)
info
Status
21
expand_more
Set Chip
3 states
EL-17
completed
EL-18
active
EL-19
pending
Filter Chip
2 states
EL-26
active
EL-27
inactive
Session Date Label
2 states
EL-69
highlighted
EL-70
default
EL-20
Rest Timer
EL-31
Custom Badge
EL-32
Favorite Star Icon
EL-33
Partner Favorite Icon
EL-45
Session Summary Bar
EL-52
Popular Badge
EL-53
Partner Badge
EL-58
Active Badge
EL-59
Duo Badge
EL-63
Template Metadata Row
EL-74
Plan Metadata Row
EL-75
Imported Badge
EL-81
Context Badge
EL-95
Progress Indicator Dots
bar_chart
Data Visualization
3
expand_more
EL-21
Consistency Heatmap
EL-22
Muscle Group Chips
EL-82
Circular Timer Widget
layers
Overlays
1
expand_more
EL-23
Drawer Overlay