There are plenty of apps and tools that let you plan your budget like a pro. The Monkey Budget Planner lets you add such a tool to your website. This tool lets you input your incoming finances and add all your costs to see your total revenue and expenditure annually.
This budget calculator supports unlimited income and cost items. You can change colors, currency icon, and budget headings for the tool. For each revenue/expense, you can change the amount and frequency.