Yes, completely free — no sign-up, no API key, no attribution required beyond the "Powered by TipTaxCalc" link inside the widget. Use it on as many pages or sites as you like.

Free Embeddable Tip Calculator Widget

Q: Will it slow down my site?

No. The widget script is under 15 KB and initializes only after the page has loaded. It uses no external dependencies. You can also add async or defer to the script tag for even earlier page rendering.

Q: Can I customize the colors?

The widget ships with a clean light theme. Deep color customization is not available via attributes today as the widget uses Shadow DOM to isolate its styles. Custom-themed builds are available for high-traffic sites — reach out through the tips calculator page.

Add a tip calculator to your website in seconds. One line of code, no dependencies, no accounts required.

Live Preview

This is the exact widget your visitors will see — fully interactive, mobile-friendly, and self-contained.

Get the Code

Copy these two lines and paste them anywhere in your page's HTML. That's all it takes.

<div id="tiptaxcalc-widget"></div>
<script src="https://tiptaxcalc.com/embed/tip-calculator.js"></script>

Place the <div> where you want the widget to appear. The script tag can go anywhere — even at the bottom of <body>.

Widget Features

⚡

Zero Dependencies

Pure vanilla JS. No jQuery, no React, no Vue. Works on any site.

🛡

Shadow DOM Isolated

Widget styles are fully encapsulated — they can't break your layout.

📱

Mobile Responsive

Adapts from 280 px to 500 px. Looks great on phones and desktops.

⚖

Split Bills

Select 1–10 people and instantly see per-person amounts.

🎯

Custom Tip %

Preset buttons for 15/18/20/25% plus a free-form custom input.

📄

One Line of HTML

Add a single div + script tag. No build step, no configuration.

Why Add This Widget to Your Site?

If your blog or website covers restaurants, travel, personal finance, or hospitality, your readers regularly need to calculate tips. Instead of sending them to another site, keep them on yours — and give them something genuinely useful.

Increase time-on-page. Readers who interact with a calculator stay longer and bounce less.
Add value to existing content. Drop the widget inside a restaurant review, city travel guide, or tipping etiquette article.
No maintenance required. The widget is hosted on TipTaxCalc.com. Any updates happen automatically.
Zero performance impact. The script is under 15 KB and loads asynchronously, so it never blocks your page.
Isolated styling. Shadow DOM means the widget's CSS cannot conflict with your site's styles — ever.

Not sure how to use it? Check our Tipping Guide for context on standard tip amounts, or explore the full Tip and Tax Calculator on TipTaxCalc.com.

Frequently Asked Questions

Is it really free?

Yes, completely free — no sign-up, no API key, no attribution required beyond the "Powered by TipTaxCalc" link that appears inside the widget. You can use it on as many pages or sites as you like.

Will it slow down my site?

No. The widget script is under 15 KB (uncompressed) and initializes only after the page has loaded. It uses no external dependencies — no jQuery, no frameworks, no web fonts. On a typical connection the script loads in under 50 ms. You can also add async or defer to the script tag for even earlier page rendering.

Can I customize the colors?

The widget ships with a clean light theme that works on most sites. Deep color customization (dark mode, brand colors) is not available via attributes today — the widget uses Shadow DOM, which isolates its styles. If you need a custom-themed build for a high-traffic site, feel free to reach out through our tips calculator page.

More Free Calculators

Looking for the full-featured calculator with more options? Try the Tip and Tax Calculator.

Want to know how much you should tip for different service types? Our Tipping Guide covers restaurants, delivery, hotels, and more.

Calculating your tax savings under the OBBBA no-tax-on-tips rule? Use the No Tax on Tips Calculator.