Embeddable Calculator Widgets

Add powerful calculators to your website with just a few lines of code. Choose from our collection of professional widgets below.

Easy to Embed

Choose between a full iframe embed or a lightweight button popup

Customizable Themes

Choose between light and dark themes to match your site

Fully Responsive

Works perfectly on desktop, tablet, and mobile devices

BMI Calculator

Health

Calculate Body Mass Index with metric and imperial units

Widget Code:

<div style="position: relative; width: 100%; max-width: 500px; margin: 0 auto;">
  <iframe 
    src="http://localhost:3000/widgets/bmi?theme=dark" 
    style="width: 100%; height: 600px; border: 1px solid #e2e8f0; border-radius: 8px;" 
    frameborder="0"
    loading="lazy">
  </iframe>
</div>

Loan Calculator

Financial

Calculate monthly payments and total interest for loans

Widget Code:

<div style="position: relative; width: 100%; max-width: 500px; margin: 0 auto;">
  <iframe 
    src="http://localhost:3000/widgets/loan?theme=dark" 
    style="width: 100%; height: 600px; border: 1px solid #e2e8f0; border-radius: 8px;" 
    frameborder="0"
    loading="lazy">
  </iframe>
</div>

Tip Calculator

Financial

Calculate tips and split bills among multiple people

Widget Code:

<div style="position: relative; width: 100%; max-width: 500px; margin: 0 auto;">
  <iframe 
    src="http://localhost:3000/widgets/tip?theme=dark" 
    style="width: 100%; height: 600px; border: 1px solid #e2e8f0; border-radius: 8px;" 
    frameborder="0"
    loading="lazy">
  </iframe>
</div>

Percentage Calculator

Math

Perform various percentage calculations quickly

Widget Code:

<div style="position: relative; width: 100%; max-width: 500px; margin: 0 auto;">
  <iframe 
    src="http://localhost:3000/widgets/percentage?theme=dark" 
    style="width: 100%; height: 600px; border: 1px solid #e2e8f0; border-radius: 8px;" 
    frameborder="0"
    loading="lazy">
  </iframe>
</div>

Mortgage Calculator

Financial

Calculate mortgage payments, total cost, and interest

Widget Code:

<div style="position: relative; width: 100%; max-width: 500px; margin: 0 auto;">
  <iframe 
    src="http://localhost:3000/widgets/mortgage?theme=dark" 
    style="width: 100%; height: 600px; border: 1px solid #e2e8f0; border-radius: 8px;" 
    frameborder="0"
    loading="lazy">
  </iframe>
</div>

How to Use

1Choose a calculator widget from the options above
2Select "Widget" for a full embed or "Button" for a popup modal
3Select your preferred theme (light or dark)
4Click the "Copy Code" button to copy the embed code
5Paste the code into your website's HTML where you want the calculator to appear