Skip to content

Interactive Budget Planner

Take control of your monthly finances. Set budget allocations, visualize expenses with charts, and calculate compound savings growth.

Share

Financial Inputs

$
Your net salary or monthly household income.
Needs Budget AllocationRent, bills, food, transport
50%
Wants Budget AllocationHobbies, dining, shopping, fun
30%
Standard Budget Templates

Budget Allocations

Savings20%
Needs (50%)
$2000/mo
Wants (30%)
$1200/mo
Savings (20%)
$800/mo

How to use Interactive Budget Planner

1

Input Monthly Income

Type in your total monthly net take-home income in the fields provided.

2

Adjust Allocation Percentages

Divide your money into Needs, Wants, and Savings using standard rules or custom ratios.

3

Calculate Savings Growth

Use the compound savings tab to project how your savings grow over time at different interest rates.

The 50/30/20 split, and when to ignore it

The rule allocates half of take-home pay to needs, thirty percent to wants, and twenty percent to savings and debt repayment. Its usefulness is not precision, it is that it gives you a reference point in about a minute.

It assumes housing costs are reasonable relative to income, which is exactly the assumption that fails in expensive cities. If rent alone is half your income, the split is not a target you have failed to hit, it is a diagnosis: the fixed costs are the problem, and no amount of discipline on the discretionary side will fix it.

The line between a need and a want is less obvious than it looks. Groceries are a need, the delivery fee is not. Treat the categorisation as a decision you are making rather than a fact you are recording.

Making the numbers honest

Budget from take-home pay, not gross. The tax and deduction gap is large enough that planning against gross produces a shortfall every month with no obvious cause.

Annual and irregular costs are what break otherwise sound budgets: insurance, road tax, subscriptions billed yearly, gifts, the dentist. Divide each by twelve and carry it as a monthly line, otherwise those months look like personal failures rather than arithmetic you skipped.

Everything you enter stays in your browser. Nothing about your income or spending is uploaded, which is the property you actually want from a page you type your salary into.

Frequently Asked Questions

What is the 50/30/20 budget rule?

The 50/30/20 rule is a simple financial budgeting guideline: spend 50% of your income on Needs (housing, groceries, bills), 30% on Wants (dining, hobbies, subscriptions), and allocate 20% to Savings, investments, or debt reduction.

Is my financial data uploaded to any server?

No, never. This tool runs entirely locally in your web browser. No financial data is ever collected, tracked, or sent online.

How does the savings compounder calculate growth?

It uses the compound interest formula: A = P(1 + r/n)^(nt) + PMT * [((1 + r/n)^(nt) - 1) / (r/n)] * (1 + r/n). This calculates monthly compounding deposits over your chosen term.

Can I customize the budget categories?

Yes, you can slide the percentages to any custom ratio you prefer. The interactive donut chart will automatically update in real-time.