Training Tracker Widgets: Components for Figma | HorizonX

UI/UX

Training Tracker Widgets

Dark running-dashboard widget set: month activity calendar, training load gauge, pace and session cards.

Training Tracker Widgets, image 3
Training Tracker Widgets, image 1
Training Tracker Widgets, image 2
Training Tracker Widgets, image 3
Training Tracker Widgets, image 1
  • Instant access Included with every membership
  • Editable Figma source Copy straight to your workspace
  • Commercial license With a membership, for client work

Overview

Training Tracker Widgets is a modular dark UI kit for fitness and running products, built in Figma on a near-black surface with lime and coral accents. It covers a month activity calendar with per-day run markers, a training load radial gauge with weekly goal and next-session readouts, stacked progress rows for distance, runs and elevation, pace and endurance trend cards, scheduled-session rows with avatars, a heart-rate slider, and a compact icon rail. Every widget is an independent frame with its own auto-layout, so you can drop them into a dashboard, a mobile screen or a watch companion without unpacking a monolithic layout.

Highlights

  • Refined, production-ready UI composition
  • Organized, reusable Figma components
  • Clean layout system you can adapt fast

What's included

  • Editable Figma source file
  • Organized layers & components
  • Reusable styles and tokens
  • Commercial license with a membership

Frequently asked questions

  • The editable Figma source for this concept. Copy it into your own workspace and adapt it freely.

  • It's included with a HorizonX membership. Open it and copy it to Figma instantly, no separate purchase.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.