BrowserMoon App templatesFitness app active workout screen

Fitness app active workout screen template

An active workout screen for a fitness or gym app on iOS and Android. Elapsed time, calories, sets completed and average heart rate, then each exercise with its sets, reps and weight, and a pause or next set action pair. Built for Bolt, Lovable, and Replit.

Productivity App templates

About this app template

The screen somebody looks at mid set has to be readable in a second, at arm's length, possibly sweating. This template puts the elapsed clock in the middle at the top where the eye lands, three summary figures under it in soft cards, then the exercises with each set as a numbered row: completed sets carry a filled marker, the current one is next, and the rest are dimmed. Reps sit on the left and weight on the right so the two numbers never compete. The action pair at the bottom is within thumb reach, with next set filled and pause quiet, because pausing by accident mid workout is the failure that loses the session. No dividers, no borders. Paste it into Bolt, Lovable, or Replit and ask your AI to persist the set data and drive the timer.

Build a full productivity app with this template design

A productivity app is mostly lists, threads, and detail views built from the same row and spacing rules, so one screen can set the standard for every screen after it. Copy the template, paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor, and send this alongside it.

Paste into Claude Code, Replit, Lovable, Bolt, or Cursor

Common questions about this template

How do I make the timer run?

Ask your AI to hold the start time in state and update the elapsed figure on an interval. Keep the format as minutes and seconds with tabular numerals so the width does not shift each second.

Why is next set the filled button and pause the quiet one?

Because next set is pressed dozens of times a session and pause is pressed rarely and never by accident on purpose. The filled button should be the one somebody reaches for without looking.

Can I add a rest timer between sets?

Yes. Ask your AI to swap the clock for a countdown when a set is completed, and to return it to elapsed when the next set starts. The layout does not need to change.

Does it work for cardio as well as strength?

Change the set rows to intervals and the weight column to pace or distance. The structure of a header, three figures and a list of rows holds for both.