component
Fitness Calculator
By Nirav Jivani

Details
- Nirav JivaniAuthor
- componentType
- $10.00Price
- 2026-07-11Published
- 2026-07-11Updated
- 2026-07-11Added
- InteractiveCategories
Summary
Fitness Calculator is an all-in-one health widget that instantly calculates Body Mass Index (BMI), Basal Metabolic Rate (BMR), daily maintenance calories (TDEE) and a full macro…
Description
Fitness Calculator is an all-in-one health widget that instantly calculates Body Mass Index (BMI), Basal Metabolic Rate (BMR), daily maintenance calories (TDEE) and a full macro breakdown (protein, carbs and fat) all in a single, beautifully designed block. Visitors just enter their age, gender, height and weight, choose an activity level and a goal, and see every result update in real time. Calculations use the trusted Mifflin–St Jeor equation for reliable, professional-grade numbers. FEATURES BMI with color-coded health category (underweight → obese) BMR, maintenance (TDEE) and goal-based calorie targets Daily macros with a visual protein / carbs / fat bar Independent unit switches — kg / lb and cm / ft+in Lose · Maintain · Gain goal selector Live results, no page reload FULLY CUSTOMIZABLE Every part is editable from the property panel font, accent, background, surface, borders, text and all category & macro colors, corner radius, default units, starting values, protein g/kg, fat %, and the disclaimer text. Toggle BMI, Calories and Macros sections on or off to fit any layout. Built to Framer standards with a static-render check, so it looks perfect in canvas, previews and exports. Works great on any breakpoint and in both light and dark designs. Drop it into fitness, gym, nutrition, coaching or wellness sites and give visitors real value in seconds. Keywords fitness, calculator, bmi, calories, macros, bmr, tdee, health, nutrition, gym, wellness
Introduction
BMI, calories & macros in one them
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #6163