PUBLISHER & BLOGGER TOOLKIT

Free Embeddable Nutrition & Fitness Widgets

Upgrade your health portal, coaching site, or fitness blog with clinical-grade interactive tools. Ultra-lightweight (<15 KB), zero external tracking, mobile responsive, and free forever.

100% Free Forever Zero Dependencies Dark Mode Ready Sub-50ms Load Time
MOST POPULAR

1. TDEE & Calorie Deficit Calculator

Calculates daily energy expenditure using the gold-standard Mifflin-St Jeor formula and outputs targets for fat loss (-20%), maintenance, and muscle growth (+10%). Perfect for weight loss and nutrition blogs.

<iframe src="https://calorie-tracker.net/widgets/tdee-widget.html" width="100%" height="480" frameborder="0" style="border:0; border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,0.06);" title="TDEE Calculator"></iframe>
HIGH ENGAGEMENT

2. AI Food Photo Scanner Simulator

An interactive meal scanner demonstration with real-time laser animation and instant macro breakdown (calories, protein, carbs, fat) across dish presets. Keeps visitors on your page up to 3x longer.

<iframe src="https://calorie-tracker.net/widgets/scanner-widget.html" width="100%" height="470" frameborder="0" style="border:0; border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,0.06);" title="AI Food Scanner"></iframe>
FITNESS & WELLNESS

3. Daily Hydration Target Calculator

Calculates baseline and exercise-adjusted hydration targets based on ACSM guidelines. Great addition to endurance, running, workout, and wellness articles.

<iframe src="https://calorie-tracker.net/widgets/water-widget.html" width="100%" height="370" frameborder="0" style="border:0; border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,0.06);" title="Water Intake Calculator"></iframe>

How to Embed on Any Platform

WordPress / Elementor

Add a "Custom HTML" block or widget and paste the iframe snippet. It will automatically scale to your content width.

Webflow / Framer

Insert an "Embed" element, paste the iframe code, and set width to 100% with no max constraints.

Ghost / Substack / Static

Paste the HTML iframe anywhere in your markdown or HTML block. The widget loads securely via HTTPS.