---
title: "Fitness Calculator — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Nirav Jivani · Interactive. Fitness Calculator is an all-in-one health widget that instantly calculates Body Mass Index (BMI), Basal Metabolic Rate (BMR),…"
canonical: "https://framer.elliotli.dev/component/fitness-calculator"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Fitness Calculator

# Fitness Calculator

BMI, calories & macros in one them

[View on Framer](https://framer.com/marketplace/components/fitness-calculator/?via=elliot-li)

![Fitness Calculator preview image 1](https://framer.elliotli.dev/og/component/fitness-calculator/6da5f4fe67cf6582/1600x1200.jpg)

## 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

## Rank history [How rankings work →](/terms#rankings)

-   All · #7268

## Details

- **Author**: Nirav Jivani
- **Price**: $10.00
- **Published**: 2026-07-11
- **Updated**: 2026-07-11
- **Added**: 2026-07-11
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase