Free forever · No signup

Free Embeddable Dashboard Widgets

Add interactive calculators, trackers, and timers to your website with one line of code. Mobile-responsive, fast-loading, and free.

Join 50+ bloggers already using these widgets
✓ One-line iframe✓ No API key✓ Works on any site✓ Mobile-ready
Live preview

50/30/20 Budget Calculator

Split monthly income into needs, wants, and savings — the 50/30/20 rule, with instant results.

<iframe src="https://app.digitaldashboardhub.com/embed/budget-calculator" width="100%" height="620" frameborder="0" style="border:0;max-width:640px;" loading="lazy" title="Digital Dashboard Hub widget"></iframe>
Open
Live preview

Debt Payoff Calculator

See how fast you can pay off debt and how much interest you save with extra payments.

<iframe src="https://app.digitaldashboardhub.com/embed/debt-payoff" width="100%" height="640" frameborder="0" style="border:0;max-width:640px;" loading="lazy" title="Digital Dashboard Hub widget"></iframe>
Open
Live preview

Savings Goal Planner

Enter a target, a deadline, and current balance — instantly see what you need to save per month.

<iframe src="https://app.digitaldashboardhub.com/embed/savings-goal" width="100%" height="580" frameborder="0" style="border:0;max-width:640px;" loading="lazy" title="Digital Dashboard Hub widget"></iframe>
Open
Live preview

Daily Habit Tracker

Track up to 6 habits across a 7-day week. Checkboxes persist in the reader’s browser.

<iframe src="https://app.digitaldashboardhub.com/embed/habit-tracker" width="100%" height="560" frameborder="0" style="border:0;max-width:640px;" loading="lazy" title="Digital Dashboard Hub widget"></iframe>
Open
Live preview

Pomodoro Timer

A clean 25/5 focus timer with session counter — perfect embedded on productivity blogs.

<iframe src="https://app.digitaldashboardhub.com/embed/pomodoro-timer" width="100%" height="520" frameborder="0" style="border:0;max-width:640px;" loading="lazy" title="Digital Dashboard Hub widget"></iframe>
Open

How to embed a widget

Three steps. Under a minute. Works on WordPress, Ghost, Webflow, Wix, Squarespace, and plain HTML.

1

Copy the code

Pick a widget above and click Copy embed code. The <iframe> is copied to your clipboard.

2

Paste into your site

Drop it into any HTML block — Gutenberg Custom HTML, Ghost HTML card, Webflow Embed, Squarespace Code block.

3

Done — it’s live

The widget renders instantly, works for every visitor, and is fully responsive on phones.

Here's what it looks like embedded

Mockup of the budget calculator dropped into a real blog post.

yourblog.com/best-budget-tips
Personal finance
The 50/30/20 rule, explained in 2 minutes
The 50/30/20 rule is one of the simplest ways to plan a monthly budget. Try it on your own numbers with the calculator below —
…Once you know your numbers, the next step is tracking them week to week.
This is how the widget renders on any blog — one line of code, fully interactive.

Want 250+ more tools?

These embeds are free forever. For the full library of 255+ interactive dashboards across finance, productivity, and wellness, start a 14-day free trial — no credit card.

Start free trial →
Copied