Budget Planner Online — Dashboard, Burn Rate & Download Guide

What Makes This Budget Planner Different

Most online budgeting tools show you a static list: budget amount vs. actual spending, with a number telling you how much is left. That is useful, but it misses a key question: given where we are in the month, should I be worried?

If you have spent 65% of your food budget on day 20 of a 31-day month, that is actually fine — you are 65% through the period. But if you have spent 65% of your food budget on day 10, you are spending at twice the expected pace and will almost certainly overspend. The burn rate gauge makes this comparison visible at a glance.

How to Set Up Your Budget in 4 Steps

1. Choose your period. Open the budget planner and select Monthly, Weekly, or Yearly from the toolbar. Monthly is the most common starting point for personal budgets.
2. Set your income. Click directly on the income value in the Income card and type your net income for the period. Use take-home pay, not gross salary — the money you actually have available to allocate.
3. Allocate category budgets. Click the Budget column for each category and enter your planned spending. The "Unallocated" indicator on the Budgeted card shows how much income you have not yet assigned — aim for zero.
4. Update spending as you go. As you spend money, enter the amounts in the Spent column. The progress bars, ring gauge, and Remaining column all update instantly.

Budget Allocation Guidelines

A common starting framework is the 50/30/20 rule: 50% of income to needs (housing, food, transport, utilities), 30% to wants (entertainment, subscriptions, dining out), and 20% to savings and debt repayment. Here are typical percentage guidelines per category:

These are guidelines, not rules. Your situation will differ based on where you live, your family size, and your financial goals. Use the planner to start with the guidelines, then adjust over a few months as you see your actual patterns.

Understanding the Burn Rate Gauge

The ring gauge shows two arcs drawn from the same 12 o'clock position:

• Light blue arc — how far through the time period you are. On day 18 of a 31-day month, this arc covers 58% of the ring.
• Colored arc — what percentage of your total budgeted amount you have spent.

The color of the spending arc changes based on how it compares to the time arc:

• Green — On Track: budget consumption is within 15 percentage points of time elapsed.
• Amber — At Risk: you have spent more than 15% ahead of pace. Worth reviewing which categories are running hot.
• Red — Over Budget: total spending has exceeded total budgeted amount.
• Blue — Under Budget: spending is significantly behind pace — either you have been very conservative or not yet entered all your spending.

Advanced Workflows

Downloading and Loading Your Budget on Any Device

Click Export JSON to download a file named budget-monthly-YYYY-MM-DD.json. This file contains your period, currency, income, and all category data. To load it on another device — including a phone — open the budget planner and click Load JSON, then select the file from your downloads folder. The planner restores your exact setup instantly.

Tracking a Weekly Budget

Switch to Weekly mode and set smaller amounts that reflect a 7-day window. The time-progress calculation resets based on what day of the week it is (Monday = Day 1, Sunday = Day 7). Weekly tracking suits people paid weekly or those who prefer shorter feedback loops to stay on track.

Building a Month-End Review Habit

Export your budget on the last day of each month before clearing it for the next month. After a few months, you will have a collection of JSON files you can compare to see how your spending patterns shift over time. Look for categories that consistently show red — those are the habits worth addressing first.

Combining with Other Financial Tools

Use the salary calculator to find your accurate take-home pay before entering your income, especially if you are unsure of your net income after tax and deductions. Pair the budget planner with the loan calculator to model how a new loan repayment fits into your existing budget — add a "Loan Repayment" category and see how it affects the remaining balance. For net worth tracking, export your planner data monthly and cross-reference it with the net worth calculator.

Common Questions

Should I budget for gross or net income?

Always use net (take-home) income — the amount that actually arrives in your bank account after tax, pension contributions, and any other deductions. Budgeting from gross income creates an unrealistic plan because you cannot spend money that has already been deducted.

What should I do if my budgeted total exceeds my income?

The Budgeted card shows "over income" in this case. Review each category starting with the largest allocations and reduce discretionary spending first (entertainment, dining out) before touching essentials. The goal is to reach zero unallocated income — every pound, dollar, or rupee has a purpose.

How often should I update my spending figures?

Once a week is the sweet spot for most people. Daily updates can feel like a chore; monthly updates mean you do not catch overspending until it is too late to adjust. A Sunday evening review keeps the planner accurate and gives you a week to course-correct if a category is running hot.

Is the burn rate gauge accurate for irregular spending patterns?

The gauge assumes linear spending — that you spend evenly throughout the period. In reality, rent is paid once a month and groceries are bought weekly. For categories with known irregular timing (like a large rent payment on the 1st), the gauge may show "At Risk" briefly at the start of the month even if you are perfectly on budget overall. Use it as a prompt to check, not an absolute verdict.