Free for any site · No signup

Embed Calcinum on your site

Drop our calculators directly into your blog, intranet, or product page. Every widget is mobile-responsive, no JavaScript libraries to load, and updated with 2026 tax data automatically.

License: free for personal and commercial use. The only condition is that you keep the credit line that sits directly beneath the widget in the snippet — it is a plain link in your own page, not inside the iframe, so please don’t strip it.
No tracking: the iframe doesn't ship third-party trackers to your visitors.
Auto-updated: when tax law changes (rate cuts, new brackets), your embed reflects it without you doing anything.

Paycheck Calculator

2026 take-home pay estimator with state selection. Federal + state + FICA breakdown.

Best for: Personal finance bloggers, HR sites, salary negotiation tools

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/paycheck"
  width="100%" height="560" frameborder="0"
  loading="lazy"
  title="Paycheck Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/take-home-pay-calculator">Paycheck Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_paycheck() {
  return '<iframe src="https://calcinum.com/embed/paycheck" width="100%" height="560" frameborder="0" loading="lazy" title="Paycheck Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/take-home-pay-calculator">Paycheck Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_paycheck', 'calcinum_paycheck');
// Use [calcinum_paycheck] in any post or page.

React / Next.js

export function PaycheckCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/paycheck"
        width="100%" height={560}
        title="Paycheck Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/take-home-pay-calculator">Paycheck Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Federal Tax Calculator

Federal tax estimate with filing-status comparison. 2026 brackets, standard deduction.

Best for: Tax-prep blogs, accountant sites, FIRE community

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/tax"
  width="100%" height="580" frameborder="0"
  loading="lazy"
  title="Federal Tax Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/tax-calculator">Federal Tax Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_tax() {
  return '<iframe src="https://calcinum.com/embed/tax" width="100%" height="580" frameborder="0" loading="lazy" title="Federal Tax Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/tax-calculator">Federal Tax Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_tax', 'calcinum_tax');
// Use [calcinum_tax] in any post or page.

React / Next.js

export function FederalTaxCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/tax"
        width="100%" height={580}
        title="Federal Tax Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/tax-calculator">Federal Tax Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Salary ↔ Hourly Converter

Convert between annual salary and hourly rate. Includes biweekly, weekly, monthly views.

Best for: Job boards, career advice sites, contractor calculators

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/salary-to-hourly"
  width="100%" height="480" frameborder="0"
  loading="lazy"
  title="Salary ↔ Hourly Converter by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/salary-to-hourly">Salary ↔ Hourly Converter</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_salary_to_hourly() {
  return '<iframe src="https://calcinum.com/embed/salary-to-hourly" width="100%" height="480" frameborder="0" loading="lazy" title="Salary ↔ Hourly Converter by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/salary-to-hourly">Salary ↔ Hourly Converter</a> by Calcinum</p>';
}
add_shortcode('calcinum_salary_to_hourly', 'calcinum_salary_to_hourly');
// Use [calcinum_salary_to_hourly] in any post or page.

React / Next.js

export function SalaryHourlyConverter() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/salary-to-hourly"
        width="100%" height={480}
        title="Salary ↔ Hourly Converter by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/salary-to-hourly">Salary ↔ Hourly Converter</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Mortgage Calculator

Monthly payment with principal, interest, taxes and insurance. Any term or rate.

Best for: Real-estate blogs, mortgage brokers, moving guides

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/mortgage"
  width="100%" height="500" frameborder="0"
  loading="lazy"
  title="Mortgage Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/mortgage-calculator">Mortgage Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_mortgage() {
  return '<iframe src="https://calcinum.com/embed/mortgage" width="100%" height="500" frameborder="0" loading="lazy" title="Mortgage Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/mortgage-calculator">Mortgage Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_mortgage', 'calcinum_mortgage');
// Use [calcinum_mortgage] in any post or page.

React / Next.js

export function MortgageCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/mortgage"
        width="100%" height={500}
        title="Mortgage Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/mortgage-calculator">Mortgage Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

401(k) Growth Calculator

Projects balance at retirement from contributions, employer match and expected return.

Best for: Retirement blogs, HR benefits pages, FIRE community

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/401k"
  width="100%" height="560" frameborder="0"
  loading="lazy"
  title="401(k) Growth Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/401k-calculator">401(k) Growth Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_401k() {
  return '<iframe src="https://calcinum.com/embed/401k" width="100%" height="560" frameborder="0" loading="lazy" title="401(k) Growth Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/401k-calculator">401(k) Growth Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_401k', 'calcinum_401k');
// Use [calcinum_401k] in any post or page.

React / Next.js

export function 401kGrowthCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/401k"
        width="100%" height={560}
        title="401(k) Growth Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/401k-calculator">401(k) Growth Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Loan Calculator

Monthly payment and total interest for any fixed-rate loan.

Best for: Auto and personal-finance sites, credit unions

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/loan"
  width="100%" height="400" frameborder="0"
  loading="lazy"
  title="Loan Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/loan-calculator">Loan Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_loan() {
  return '<iframe src="https://calcinum.com/embed/loan" width="100%" height="400" frameborder="0" loading="lazy" title="Loan Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/loan-calculator">Loan Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_loan', 'calcinum_loan');
// Use [calcinum_loan] in any post or page.

React / Next.js

export function LoanCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/loan"
        width="100%" height={400}
        title="Loan Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/loan-calculator">Loan Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Percentage Calculator

Percent of, percent change, and reverse percentage in one widget.

Best for: General-reference sites, education and study blogs

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/percentage"
  width="100%" height="320" frameborder="0"
  loading="lazy"
  title="Percentage Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/percentage-calculator">Percentage Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_percentage() {
  return '<iframe src="https://calcinum.com/embed/percentage" width="100%" height="320" frameborder="0" loading="lazy" title="Percentage Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/percentage-calculator">Percentage Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_percentage', 'calcinum_percentage');
// Use [calcinum_percentage] in any post or page.

React / Next.js

export function PercentageCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/percentage"
        width="100%" height={320}
        title="Percentage Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/percentage-calculator">Percentage Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Tip Calculator

Tip amount and per-person split for any bill and party size.

Best for: Travel and dining blogs, hospitality sites

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/tip"
  width="100%" height="500" frameborder="0"
  loading="lazy"
  title="Tip Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/tip-calculator">Tip Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_tip() {
  return '<iframe src="https://calcinum.com/embed/tip" width="100%" height="500" frameborder="0" loading="lazy" title="Tip Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/tip-calculator">Tip Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_tip', 'calcinum_tip');
// Use [calcinum_tip] in any post or page.

React / Next.js

export function TipCalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/tip"
        width="100%" height={500}
        title="Tip Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/tip-calculator">Tip Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

BMI Calculator

Body-mass index from height and weight, imperial or metric.

Best for: Health and fitness blogs, wellness pages

📋 Copy-paste HTML

<iframe src="https://calcinum.com/embed/bmi"
  width="100%" height="420" frameborder="0"
  loading="lazy"
  title="BMI Calculator by Calcinum"
  style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0">
  <a href="https://calcinum.com/bmi-calculator">BMI Calculator</a> by Calcinum
</p>

WordPress shortcode (drop in /wp-content/themes/...)

function calcinum_bmi() {
  return '<iframe src="https://calcinum.com/embed/bmi" width="100%" height="420" frameborder="0" loading="lazy" title="BMI Calculator by Calcinum" style="border:1px solid #B2E0DA;border-radius:10px;max-width:680px"></iframe>'
       . '<p style="font:13px/1.5 system-ui,sans-serif;color:#5B6675;max-width:680px;margin:6px 0 0"><a href="https://calcinum.com/bmi-calculator">BMI Calculator</a> by Calcinum</p>';
}
add_shortcode('calcinum_bmi', 'calcinum_bmi');
// Use [calcinum_bmi] in any post or page.

React / Next.js

export function BMICalculator() {
  return (
    <>
      <iframe
        src="https://calcinum.com/embed/bmi"
        width="100%" height={420}
        title="BMI Calculator by Calcinum"
        loading="lazy"
        style={{ border: "1px solid #B2E0DA", borderRadius: 10, maxWidth: 680 }}
      />
      <p style={{ font: "13px/1.5 system-ui, sans-serif", color: "#5B6675", maxWidth: 680, margin: "6px 0 0" }}>
        <a href="https://calcinum.com/bmi-calculator">BMI Calculator</a> by Calcinum
      </p>
    </>
  );
}

→ Preview the widget

Need a different calculator?

Nine widgets are listed above. If the calculator you want isn’t one of them, drop us a note and we’ll add it within a week — we build these on request.

For developers who want to build their own UI, the underlying tax data is also exposed as a free JSON API.

Who uses Calcinum embeds?

Personal finance bloggers covering paycheck math, state-by-state moves, tax planning
Job boards and salary-negotiation resources
HR knowledge bases at small businesses
FIRE (Financial Independence) community sites
Military spouse career & relocation blogs