Free Embeddable Widgets

Add free calculators to your website.

Embed any of our 600+ interactive calculators with one line of code. Customize colors to match your brand. No signup, no API key, completely free.

No signup required
Custom brand colors
Works on any platform

See it in action

Here is a live embedded calculator. This is exactly what your visitors will see.

How it works

Three steps, under a minute, zero cost.

1

Find a calculator

Browse our library of 600+ calculators across math, finance, business, health, education, and more.

2

Click Embed

On any calculator page, click the "Embed" button next to Save Tool. Customize the size, colors, and theme.

3

Paste into your site

Copy the generated iframe code and paste it into your HTML, WordPress editor, or CMS. Done.

index.html
<iframe
  src="https://calculory.com/embed/percentage-calculator"
  width="100%"
  height="600"
  style="border:none;border-radius:16px;"
  loading="lazy"
  title="Percentage Calculator"
></iframe>

Why embed from Calculory

Everything you need, nothing you do not.

One-Line Embed

Copy and paste a single iframe tag into any HTML page, WordPress site, or CMS. No JavaScript SDK or API key needed.

Custom Colors and Themes

Match your brand with custom accent colors, light or dark mode, and adjustable corner radius. All controlled via URL parameters.

Fully Responsive

Every embedded calculator adapts to any screen size. Your visitors get a great experience on desktop, tablet, and mobile.

Instant Calculations

All computation happens client-side. No server round trips, no loading spinners. Results appear the moment your visitors click Calculate.

Works Everywhere

Compatible with WordPress, Squarespace, Wix, Webflow, Ghost, Notion, custom HTML, and any platform that supports iframes.

Free Forever

No signup, no API key, no usage limits. The embed includes a small "Powered by Calculory.com" link, and that is all we ask.

Match your brand

Customize the accent color, background mode, and corner radius with simple URL parameters.

?accent=2563EB
Blue theme preview
?accent=7C3AED&theme=dark
Dark mode preview
?accent=EA580C&radius=0
Sharp corners preview

Parameters: accent (hex color), theme (light/dark), radius (0-32px)

Ready to add a calculator to your site?

Pick any calculator, click Embed, customize the theme, and paste the code. Your visitors will thank you.