Budget Planner

About the Budget Planner

A budget does one simple job: it tells you, before the month begins, where each dollar of income is going to land. This planner is built for that. You list every source of monthly income on one side, then every bill and expense on the other, tagging each expense as a need, a want, or savings. The page totals everything as you type, shows whether you are heading for a surplus or a shortfall, and compares your spending pattern with the 50/30/20 guideline: roughly half of income for needs, 30 percent for wants, and 20 percent for savings and debt payoff.

The rows are free-form, so the planner fits whatever your life looks like. A freelancer can enter three irregular client payments as separate income lines. A family can list childcare, a car note, and a mortgage on the needs side, while one person might track a single rent payment and a few subscriptions. Nothing is inferred from the names you type, which means the numbers are only as good as the amounts and categories you enter, but it also means you can describe your own situation in your own words.

Your entries are saved in your own browser, so the budget is there when you return on the same device, and nothing is uploaded. Because the figures update live, the planner works well as a scratchpad: change the rent amount, add a new loan payment, or move a subscription from need to want, and watch how the surplus and the percentages respond before committing to a decision in real life.

When to Use It

How to Use It, Step by Step

1. Start with the Monthly income section. Replace the sample paycheck with your own source name and amount, using take-home pay (what actually reaches your account) rather than gross pay if you want the percentages to mean what the guideline intends.
2. Click + Add income for every other regular source, such as a partner's paycheck, freelance work, child support, or rental income. Enter an average monthly figure for irregular sources, and lean low if the amounts vary a lot.
3. Go to Bills & expenses and edit or remove the starter rows. Type each bill or spending area in the name box, such as rent, groceries, or phone, and enter the monthly dollar amount in the amount box without commas or dollar signs.
4. Use the dropdown next to each expense to choose Need, Want, or Savings. New rows start as Need, so change the dropdown on anything that is not truly essential, and pick Savings for emergency fund deposits, retirement contributions, and extra debt payments.
5. Click + Add expense to add each remaining item, including irregular costs divided by 12. For example, an annual insurance premium or yearly subscription should be entered as one twelfth so that every month carries its share.
6. Check the three summary tiles for Income, Expenses, and Surplus or Shortfall. A green surplus means money is left unassigned, and a red shortfall means planned spending exceeds income.
7. Read the 50/30/20 breakdown, which lists dollars and the percentage of your income for needs, wants, and savings. A line turns amber when it is more than half a point above its target, so use it as a prompt to review that category.
8. Adjust amounts until the plan balances, then use Print to keep a copy or Reset to return to the starter budget. Come back at least monthly and update the figures, since your entries are saved automatically in this browser.

Understanding Your Results

The surplus or shortfall tile is the most important number on the page: it is total income minus every expense you entered. A small positive surplus is a healthy sign. A large one usually means money is not yet assigned to a job, so decide whether to move it into a savings row. A shortfall means the budget does not work as written, and the message under the breakdown reminds you to trim wants or raise income.

The 50/30/20 section shows each tagged category as dollars and as a percentage of income. These percentages come only from the rows you tagged, so your surplus is not included in the savings percentage unless you add it as a Savings row. A needs figure well above 50 percent is common in high-cost areas and does not mean the budget is wrong, but it does indicate that wants and savings have less room to flex.

Use the numbers as a conversation with yourself rather than a grade. If needs are at 64 percent and wants at 10 percent, the guideline suggests that savings are being squeezed by fixed costs, and the lever is probably housing, transportation, or income rather than daily spending. If wants are the issue, small changes in a few recurring subscriptions or meals out can free up room quickly. Re-check the plan against your real bank activity after the first month.

More Worked Examples

Tips for Better Results

• Pull three months of bank and card statements before filling in the planner, and use averages for groceries, fuel, and dining. Guessing from memory tends to understate small, frequent purchases.
• Create separate rows for irregular costs like car registration, holiday gifts, and annual subscriptions, and enter each as one twelfth of the yearly cost. That prevents one bad month from breaking an otherwise balanced plan.
• Tag emergency fund deposits, retirement contributions, and extra debt payments as Savings. This is the only way they count toward the savings and debt percentage, and the guideline treats them as the same priority.
• If your percentages are far from 50/30/20, do not force them. Treat the guideline as a reference and set personal targets that fit your cost of living, then watch whether the numbers move in the right direction over time.
• Budget from the low end of your variable income, and treat any extra as a bonus to be assigned to savings or debt payoff after the month ends. This keeps fixed bills covered with certainty.
• Print or save a copy when you finish. Because the plan is stored only in this browser, clearing your site data or switching devices will remove it, so a printout is a simple backup.

Common Mistakes to Avoid

• Typing amounts with a comma, such as 1,200. The planner reads the number until the comma, so that entry is counted as 1. Type 1200, and avoid dollar signs and other symbols.
• Leaving new expenses on the default Need category. Every new row starts as a need, so a want or a savings transfer will inflate your needs percentage until you change the dropdown.
• Budgeting with gross pay while expenses are paid from take-home pay. Taxes and payroll deductions never reach your account, so the surplus will look larger than it really is.
• Forgetting infrequent costs. Annual insurance, medical visits, car repairs, and gifts all happen eventually, and leaving them out creates a surplus that disappears when the bill arrives.
• Treating the surplus as free money without assigning it. If the leftover amount is not given a job, such as a savings row, it tends to be spent on unplanned purchases, and your savings percentage will stay low.

Assumptions and Limits

• All amounts are treated as monthly figures in dollars. The planner does not convert weekly, biweekly, or annual amounts for you, so you need to divide or multiply yourself before entering them.
• The 50/30/20 guideline is a rough rule of thumb, not a requirement. The percentages are calculated against the total income you entered, so they are most meaningful when that income is after-tax take-home pay.
• The planner does not read bank accounts, track actual transactions, or compare planned and actual spending. It is a planning sheet, and you need to check it against your real statements to keep it honest.
• Your budget is saved in the browser's local storage on this device only. It is not backed up or synced, and private browsing, clearing site data, or switching browsers will lose it. For complicated finances, a certified financial planner or nonprofit credit counselor can help with debt and long-term planning.

Key Terms

Surplus

The money left over when total expenses are subtracted from total income for the month. It is unassigned until you give it a purpose such as savings or debt payoff.

Shortfall

The amount by which monthly expenses exceed monthly income. A shortfall has to be covered by savings, borrowing, or cutting expenses.

Needs

Expenses that are hard to avoid, such as housing, utilities, basic groceries, transportation to work, insurance, and minimum debt payments.

Wants

Spending that improves your life but could be reduced or stopped without disrupting essentials, such as dining out, streaming services, hobbies, and travel.

50/30/20 rule

A budgeting guideline that suggests dividing after-tax income into about 50 percent needs, 30 percent wants, and 20 percent savings and debt repayment.

Emergency fund

Cash set aside for unexpected costs such as a job loss, car repair, or medical bill, usually held in an easily accessible savings account.