Production system — Fitness tracking
Live environment. Structured for real usage.
STRYD
Fitness & training
React NativeHealthKitiOS
Screens
Dashboard
Activity rings, steps, today's plan
Workout
Live timer, exercise tracker
Nutrition
Calorie ring, macros, meal log
Statistics
Monthly charts, personal records
Profile
Goals, health data, settings
Tap the phone to navigate.
Use the bottom tabs to switch screens.
9:41
●●●
Good morning
Marcus
M
Today's activity
624
kcal
Move
33
min
Exercise
11
hrs
Stand
Weekly steps
5,800
M
T
W
T
F
S
S
12 days
Streak
4 workouts
This week
47 min
Avg duration
82% hit
Goal
Today's plan
Upper Body Strength
45 min · 380 kcal
Evening Run
30 min · 290 kcal
Key features
Activity rings
Move, Exercise, Stand rings with animated progress.
Live workout timer
Start/pause timer with real-time exercise tracking.
Personal records
Track PRs across all exercises with timestamps.
Weekly analytics
Bar charts for steps, calories, and workout frequency.
Design system
Primary
Lime accent
Warning
Success
Surface
Typography
Space Grotesk
Inter body text
STRYD

Fitness app for tracking and progression

Purpose
  • —Workouts and tracking
  • —Progress analytics
  • —Training plans
Key mechanics
  • —Repeat usage
  • —Engagement over time
  • —Retention
System behaviour
  • —React Native
  • —Health integrations
  • —Production-ready
View experience →
STRYD — Fitness & Training
1twenty.systems