FV

FitVire Dev Portal

Development & Testing Environment

dev.fitvire.com

Loading dev tools...

Component Showcase

Testing all world-class UI components

Total Workouts

142

+12% from last month

Calories Burned

24,560

+8% from last month

Active Members

1,234

+23% from last month

Heart Rate

142 bpm

Normal

Workout Dashboard

Manage your fitness journey and track progress

Recent Activity

HIIT Training

45 minutes ago

Completed

Strength Training

2 hours ago

Completed

Cardio Session

Yesterday

Completed

Weekly Goals

Track your progress this week

Workouts5/7

Calories2800/3500

Active Days6/7

Intensity Level45%

Premium Tabs

Tabs with gradient primary background

Total Workouts

127

+12 this week

Calories Burned

24.5k

+2.1k this week

Active Days

89

+5 this week

Create New Workout

Add a new workout to your schedule

Workout Name

Workout Type

Duration (minutes)

Difficulty Level

Easy

Medium

Hard

Send me a reminder before workout

Profile Settings

Update your account information

Full Name

Email

Age

Fitness Goal

Subscribe to weekly fitness tips

Badge Variants & Status

All badge colors and states for different contexts

Status Badges

CompletedFailedPendingIn Progress

Achievement Badges

New Member10 WorkoutsEarly Bird50 Days Streak1000 CaloriesGoal Reached

Priority & Category Badges

High PriorityMedium PriorityLow PriorityVerifiedBeast ModeTeam Player

Membership & Plan Badges

PremiumProFreeTrialActiveExpired

Button Showcase

All button variants and sizes

Default Variants

Sizes

With Icons

Loading State

Avatar & Profile Components

User avatars with different states and sizes

Avatar Sizes

SMMDLGXL

User Profiles

JD

John Doe

john@example.com

Pro

AS

Alice Smith

alice@example.com

Free

MB

Mike Brown

mike@example.com

Trainer

Single Date Picker

Select a single date for your workout

November 2025

Selected: 11/7/2025

Date Range Picker

Select a range for your workout plan

November 2025

Range: 11/7/2025 - 11/14/2025

Navigation Menu

Complex navigation with dropdowns

Workout History Table

Recent workout sessions and performance

Your last 5 workout sessions
Date	Workout Type	Duration	Calories	Status
Oct 27, 2025	HIIT Training	45 min	480 cal	Completed
Oct 26, 2025	Strength Training	60 min	350 cal	Completed
Oct 25, 2025	Cardio	30 min	320 cal	Completed
Oct 24, 2025	Yoga	50 min	200 cal	Completed
Oct 23, 2025	CrossFit	55 min	520 cal	Completed

Icon Buttons & States

Different icon button combinations and states

Action Icons

Status Icons with Text

Workout Completed

Workout Cancelled

Rest Day Required

Tips Available

Scheduled

Achievement Unlocked

Component States & Variations

Loading, disabled, and interactive states

Loading States

Loading data...

Disabled States

Interactive Elements

Accept terms and conditions

Subscribe to newsletter