Framework-independent UI
Accessible health calculator Web Components
Drop BMITDEE calculators into plain HTML or integrate them with React, Vue, WordPress and other systems. Shadow DOM keeps styles isolated; results are emitted as structured events.
<script type="module"
src="/developers/sdk/elements.js">
</script>
<bmitdee-tdee-calculator>
</bmitdee-tdee-calculator>Live theming
CSS custom properties apply without modifying component internals.
BMR calculator
BMI calculator
Macro calculator
Healthy weight reference
Adaptive TDEE summary
Latest bmitdee-result event
Interact with a component to inspect its structured event output.
Host-side event handling
document.querySelector("bmitdee-tdee-calculator")
.addEventListener("bmitdee-result", event => {
console.log(event.detail);
});The components make no network requests. A host website is responsible for any storage, consent, analytics, accessibility context, or server transmission it adds.