TechCompare LogoTechCompare

Free embeddable calculator widgets for your website

Every TechCompare tool can be dropped into your own site with a single iframe snippet. Your readers get a working interactive calculator without leaving your page, and you don't have to build or maintain anything.

It's free, with no signup and no API key. Pick a tool below, copy the snippet, and paste it into any HTML block. The only condition is the small "Powered by TechCompare" link that ships with every embed.

26 embeddable tools

PPI & Retina Calculator

Pixel density and Retina viewing distance for any screen, with a side-by-side comparison mode.

Viewing Distance Calculator

Recommended seating distance from resolution, screen size, and eyesight.

Display Bandwidth Calculator

The cable bandwidth a resolution, refresh rate, and color depth actually need.

Data Transfer Time Calculator

How long a file takes to copy at a given connection speed.

RAM Latency Calculator

True memory latency in nanoseconds from RAM speed and CAS timings.

Power Cost Estimator

What a PC or appliance costs to run per hour, day, and year.

LLM Pricing Calculator

Compare LLM API costs across providers for your token usage.

LLM VRAM Calculator

The GPU memory a model, context size, and quantization will need.

FPS Visualizer

See the real difference between 30, 60, 144, and 240 FPS in motion.

Monitor Size Comparator

Monitor dimensions and footprint compared at true scale.

Monitor Curve Comparator

How 800R through flat curve ratings change a monitor's shape.

Desk Setup Visualizer

Plan a desk layout with monitors, arms, and clearance to scale.

Aspect Ratio Visualizer

Overlay any two aspect ratios to see the cropped or added area.

Color Accuracy Sync

Match colors across displays with calibrated profiles.

Contrast Ratio Checker

WCAG contrast ratio and pass/fail grades for any color pair.

RAID Calculator

Usable capacity and redundancy for every RAID level and drive count.

Subnet Calculator

Network ranges, masks, and host counts for any CIDR block.

CHMOD Configurator

Build Unix file permissions as octal or symbolic notation.

Frequency Generator

Generate test tones and sweeps for speakers and hearing checks.

Memory & Storage Latency Visualizer

The speed gap from CPU cache to RAM to SSD to HDD, animated to scale.

Cron Generator

Build a cron expression visually and read it back in plain English.

Token Counter

Count tokens and estimate API cost for a prompt in real time.

Color Picker

Pick and convert colors between HEX, RGB, HSL, and more.

Unix Timestamp Converter

Convert Unix timestamps to dates and back, with a live clock.

Text Encoding Converter

Convert text between Base64, URL encoding, hex, and more.

JSON Formatter

Format, validate, and minify JSON with clear error locations.

How embedding works

  1. 1

    Copy the snippet

    Open the tool you want and click the Embed button next to the share icon, or use the one on the card above. The dialog gives you a ready-to-paste <iframe> tag, and it copies your current tool settings into the URL so the embed opens exactly as you configured it.

  2. 2

    Paste it into your page

    Drop the snippet into any HTML block. WordPress (Custom HTML), Webflow (Embed), Ghost, or a plain static page all work. The iframe loads lazily, so it only fetches when a reader scrolls to it.

  3. 3

    Tune the size and mode

    Add ?controls=0 to the embed URL for a display-only widget with the input panels hidden, or ?resize=1 with the included listener script to auto-fit the iframe height to the content. Tools with multiple views (like the desk setup) also accept ?view=front or ?view=top.

Embed URL parameters

The embed route at /embed/<tool> accepts these optional parameters on top of the tool's own inputs.

ParameterValuesEffect
controls1 (default) or 00 hides the input panels for a display-only widget.
viewe.g. both, front, topSelects a visualizer pane on tools that have more than one, like the desk setup.
resize1Opts in to auto-fit. The embed measures its content and posts the height to your page, where the snippet's listener script sets the iframe size.

On top of these, each tool reads its own inputs from the URL, so you can deep-link a preconfigured state like /embed/ppi-calculator?w=2560&h=1440&d=27. The Embed button does this for you by copying your live settings into the snippet.

Free to embed, one condition

You can embed any TechCompare tool on any site, commercial or personal, for free. In return, the "Powered by TechCompare" attribution link that ships with the embed must stay in place. Don't remove it, hide it, or add rel="nofollow" — it's how the project stays free.

Frequently asked questions

Is it free to embed a TechCompare tool?
Yes, completely free. There's no signup, no API key, and no rate limit for normal traffic. Every tool can be embedded on as many pages and sites as you like.
Do I need to credit TechCompare?
Yes. Every embed renders a small "Powered by TechCompare" attribution link below the tool, pointing back to the full calculator page. That link must stay in place — it's the condition of the free license.
Can I change the size of the embed?
Yes. The iframe's width and height are plain HTML attributes, so you can set any values that fit your layout. The copy-snippet dialog on each tool page offers a fixed default height, a custom pixel size, or an auto-fit mode that resizes the iframe to match the content automatically.
Will an embed slow my page down?
No. The snippet uses `loading="lazy"`, so the iframe only loads when it scrolls into view. Each tool is a small, self-contained page with no tracking libraries beyond standard analytics, so it adds less weight than a typical embedded video.
Can I preset the tool's input values?
Yes. Every tool reads its inputs from URL query parameters, so you can deep-link a preconfigured state. The easiest way is to set the tool up the way you want it, then click the Embed button — the generated snippet copies your current settings into the embed URL automatically.
Does it work in WordPress, Notion, or Webflow?
Anywhere that accepts a raw HTML or iframe embed block. In WordPress use a Custom HTML block, in Notion use the Embed block with the iframe's URL, and in Webflow use an Embed element. The fixed-height snippet works on all of them because it needs no JavaScript on the host page.