---
title: "Calorie Burn — Free Framer component · Best of Framer"
description: "Free Framer component · by Sajjadul Kibria · Backgrounds. Calorie Burn Estimator It is a production-ready Framer component that gives users a real-time estimate of their energy expenditure…"
canonical: "https://framer.elliotli.dev/component/calorie-burn"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Calorie Burn

# Calorie Burn

Interactive Calorie Burn Estimator

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

![Calorie Burn preview image 1](https://framer.elliotli.dev/og/component/calorie-burn/ac4bd583d4a27193/1600x1200.jpg)

## Summary

Calorie Burn Estimator It is a production-ready Framer component that gives users a real-time estimate of their energy expenditure using standardized MET (Metabolic Equivalent of…

## Description

## Calorie Burn Estimator

It is a production-ready Framer component that gives users a real-time estimate of their energy expenditure using standardized MET (Metabolic Equivalent of Task) values. Built for fitness apps, health dashboards, and wellness landing pages.

Users can dial in their body weight, session duration, and activity type, choosing from Walking, Running, Cycling, Swimming, Gym, or a fully custom MET value. Results update instantly with a smooth spring animation, and a motivational message and achievement badge appear based on the calorie threshold reached.

The component also includes a food equivalent card that rotates through configurable food items to put the burn in relatable terms, and a weekly goal progress bar that tracks how the current session contributes toward a target.

Everything is customizable from the Framer property panel, accent color, background, typography, border radius, padding, box shadow, animation style, and the food items list. An onCalculate event handler is also available for wiring results into other components or interactions on the canvas.

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

-   All · #7516

## Details

- **Author**: Sajjadul Kibria
- **Published**: 2026-04-07
- **Updated**: 2026-07-09
- **Added**: 2026-03-27
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background