8 Widgets · One Line of Code · Zero Tracking

Embed the handbook on your own site

Every widget below runs 100% in your visitors’ browsers — no accounts, no uploads, no data collection. Copy the code, paste it into any page, done. No permission needed.

Free Forever · Attribution Appreciated

How it works

Three steps · Two minutes

Pick a widget

Choose the tool your readers actually need — each one is listed below with a live preview.

Copy the code

One <iframe> snippet plus a small attribution line. Responsive width, fixed sensible height.

Paste & publish

Works on any platform that allows HTML: WordPress, Ghost, Hugo, Notion embeds, LMS pages.

Privacy note: the widgets set no cookies of their own and never transmit your visitors’ inputs anywhere — the same guarantee as every FreeToolHub tool. The iframe loads from https://freetoolhub.org; see our privacy policy for details.

Widget 01

Percentage Calculator

640px tall

Percent of a number, percent change, increase/decrease — the calculator bloggers reach for most. — Typical use: Finance & education blogs.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/percentage-calculator/?embed=1"
  style="width:100%;height:640px;border:0;border-radius:12px"
  loading="lazy"
  title="Percentage Calculator — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/percentage-calculator/" target="_blank" rel="noopener">FreeToolHub's free Percentage Calculator</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free Percentage Calculator. Open the full page for the complete tool with guides and related utilities.

Widget 02

BMI Calculator

720px tall

Body Mass Index with instant category breakdown. Runs fully in the visitor’s browser — no health data leaves their device. — Typical use: Health & fitness sites.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/bmi-calculator/?embed=1"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="BMI Calculator — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/bmi-calculator/" target="_blank" rel="noopener">FreeToolHub's free BMI Calculator</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free BMI Calculator. Open the full page for the complete tool with guides and related utilities.

Widget 03

Mortgage Payment Calculator

860px tall

Monthly payment with principal, interest, taxes and insurance breakdown. — Typical use: Real estate & personal finance.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/mortgage-calculator/?embed=1"
  style="width:100%;height:860px;border:0;border-radius:12px"
  loading="lazy"
  title="Mortgage Payment Calculator — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/mortgage-calculator/" target="_blank" rel="noopener">FreeToolHub's free Mortgage Payment Calculator</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free Mortgage Payment Calculator. Open the full page for the complete tool with guides and related utilities.

Widget 04

Tip Calculator

640px tall

Split the bill and tip fairly in seconds. A natural fit for restaurant and travel pages. — Typical use: Food, travel & lifestyle.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/tip-calculator/?embed=1"
  style="width:100%;height:640px;border:0;border-radius:12px"
  loading="lazy"
  title="Tip Calculator — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/tip-calculator/" target="_blank" rel="noopener">FreeToolHub's free Tip Calculator</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free Tip Calculator. Open the full page for the complete tool with guides and related utilities.

Widget 05

JSON Formatter & Validator

860px tall

Beautify, minify and validate JSON with syntax highlighting. Error-tolerant parsing with precise error locations. — Typical use: Developer documentation.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/json-formatter/?embed=1"
  style="width:100%;height:860px;border:0;border-radius:12px"
  loading="lazy"
  title="JSON Formatter & Validator — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/json-formatter/" target="_blank" rel="noopener">FreeToolHub's free JSON Formatter & Validator</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free JSON Formatter & Validator. Open the full page for the complete tool with guides and related utilities.

Widget 06

CSV ↔ JSON Converter

860px tall

Two-way conversion between CSV and JSON with header mapping and type inference — nothing uploaded. — Typical use: Developer docs & data blogs.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/csv-json/?embed=1"
  style="width:100%;height:860px;border:0;border-radius:12px"
  loading="lazy"
  title="CSV ↔ JSON Converter — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/csv-json/" target="_blank" rel="noopener">FreeToolHub's free CSV ↔ JSON Converter</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free CSV ↔ JSON Converter. Open the full page for the complete tool with guides and related utilities.

Widget 07

Color Picker & Converter

760px tall

HEX, RGB, HSL conversion with contrast checking against WCAG thresholds. — Typical use: Design resources.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/color-picker/?embed=1"
  style="width:100%;height:760px;border:0;border-radius:12px"
  loading="lazy"
  title="Color Picker & Converter — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/color-picker/" target="_blank" rel="noopener">FreeToolHub's free Color Picker & Converter</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free Color Picker & Converter. Open the full page for the complete tool with guides and related utilities.

Widget 08

Password Generator

720px tall

Cryptographically secure random passwords generated locally with navigator.crypto — never transmitted. — Typical use: Security & IT guides.

Live preview

Embed code — copy & paste

<iframe
  src="https://freetoolhub.org/password-gen/?embed=1"
  style="width:100%;height:720px;border:0;border-radius:12px"
  loading="lazy"
  title="Password Generator — FreeToolHub">
</iframe>
<p style="font:12px/1.4 system-ui,sans-serif;margin:4px 0 0">
  Powered by <a href="https://freetoolhub.org/password-gen/" target="_blank" rel="noopener">FreeToolHub's free Password Generator</a>
</p>

Prefer to link instead of embed? A plain text link works too: FreeToolHub's free Password Generator. Open the full page for the complete tool with guides and related utilities.

Also available

Just want to link to us?

If an iframe is more than you need, our link-to-us page has ready-made text links and badges — and you never need to ask permission to reference any FreeToolHub tool.

Get link codes Back to the Handbook