RunCraft — Workout Photo Overlay Studio

Install RunCraft: Create workout photo overlays offline!

RUNCRAFT

EDGE PWA

FORMAT:

✋ Drag to reposition photo • Scroll to zoom

🏃 Garmin & Workouts

Workout Data Source

⚡ Auto-Sync Garmin Workouts

Connect Intervals.icu with your free API key to pull your latest Garmin workouts automatically.

Garmin Athlete

Loading workouts... Last 365 Days

⌚

Drop Garmin .FIT File (or Click to Pick)

How to get it: On Garmin Connect web, open your activity → click gear ⚙️ → "Export Original" (or copy from your watch's USB folder).

📍

Drop .GPX Workout File (or Click to Pick)

Free Strava Export: Open any activity on Strava → click ··· → "Export GPX". 100% free with no subscription!

Photo Atmosphere & Filters

Transparent Background OVERLAY

Hide photo & dark scrims to preview & export transparent PNG for video editors (CapCut, Premiere, Stories)

Dark Vignette 35%

Brightness 100%

Contrast 105%

Saturation 105%

Backdrop Photo

📷

Upload Your Photo

PNG, JPG, or Camera Shot (tap to pick)

Or Choose Pro Sample Photo

Workout Metrics Toggles

Hero Stat Columns

📏 Distance

⏱️ Moving Time

⚡ Avg Pace

⛰️ Elevation Gain

Secondary Telemetry

❤️ Heart Rate (bpm)

👟 Cadence (spm)

🔥 Calories (kcal)

⚡ Power (Watts)

Card Visibility

Show Metrics Card

Show Secondary Bar

Aesthetics & Theme

Layout Template

Accent Color

🎨

GPS Route Color Mode

Card Glass Opacity 85%

Overlay Widgets

GPS Route Polyline

Route Ambient Glow

Glow Intensity 70%

Start / Finish Pins

Title & Date Badge

Heart Rate 5-Zone Bar

RunCraft Branding

Edit Stats & Text

Activity Title

Distance (km)

Elev Gain (m)

City / Gear / Shoe

⚡ Connect Strava Workouts

Option 1: Instant Connect (Fastest — No Redirect)

Go to strava.com/settings/api and copy Your Access Token.

— OR AUTHORIZE VIA OAUTH 2.0 —

Option 2: OAuth 2.0 Flow

Important: In your Strava API settings, set Authorization Callback Domain to: localhost

Client ID Client Secret

⚡ Connect Intervals.icu (Garmin)

Intervals.icu is 100% free and connects directly to Garmin Connect. When you finish a workout on your Garmin watch, it syncs automatically!

3 Easy Steps:

Go to intervals.icu/settings.
Make sure Garmin Connect is toggled ON (it auto-syncs your watch).
Scroll down to Developer Settings on that page and copy your API Key.

Your Intervals.icu API Key

📥

Drop Your File Here

Photo (JPG, PNG) will set backdrop • .FIT or .GPX will import workout route & stats

⌨️ Keyboard Shortcuts

Ctrl + Z

Undo last adjustment

Ctrl + Y

Redo adjustment

Ctrl + S / D

Download HD image

Ctrl + C

Copy image to clipboard

T

Toggle transparent background overlay

F

Toggle Focus / Full Canvas mode

1 / 2 / 3 / 4

Switch ratio (9:16, 4:5, 1:1, 16:9)

Esc

Close modal / Exit focus mode

?

Toggle this shortcuts cheat sheet

PRO TIP: Click and drag directly on the canvas to reposition your photo, or use mouse scroll wheel to zoom! Double-click canvas or sliders to reset to standard defaults.