Bi-Weekly Paycheck Budget Planner | Zero Based Bill Tracker (Offline HTML App)

💸 FINALLY — A BUDGET THAT MATCHES YOUR ACTUAL PAYCHECK SCHEDULE

Most budgeting tools are designed around a monthly income.

But what if you are paid weekly, biweekly, semi-monthly, or receive an occasional third paycheck?

This interactive offline budget planner is designed around your real pay schedule, helping you assign every paycheck to upcoming bills, spending envelopes, savings goals, and debt payments.

No Google Sheets.
No login.
No subscription.
No internet connection required.

Your financial information stays stored locally on your own device.

✅ DEMO DATA PRE-LOADED

Open the planner and explore it immediately without starting from a blank screen.

The included demonstration data contains:

• 14 sample paychecks
• 12 recurring bills
• 6 budget envelopes
• 6 interactive charts
• Example three-paycheck months
• Fully populated dashboard and reports

You can edit the sample information or delete it and start fresh.

━━━━━━━━━━━━━━━━━━━━

👤 WHO IS THIS PLANNER FOR?

This budget dashboard is ideal for anyone who:

• Is paid weekly, biweekly, semi-monthly, or monthly
• Wants to budget each individual paycheck
• Needs to see which bills are due before the next payday
• Is living paycheck to paycheck and wants greater control
• Wants to use the zero-based budgeting method
• Finds spreadsheet formulas complicated or unreliable
• Prefers not to store financial information in cloud-based apps
• Wants an offline budgeting tool with no recurring fees

The planner supports users in the USA, UK, Canada, Australia, Europe, and other countries.

━━━━━━━━━━━━━━━━━━━━

✨ WHAT MAKES THIS BUDGET PLANNER DIFFERENT?

🔒 100% OFFLINE AND PRIVATE

Simply double-click the included app.html file to open the planner in your browser.

It works without:

• Internet access
• User accounts
• Cloud storage
• Monthly subscriptions
• External tracking tools

Your information is saved locally in your browser using local storage.

━━━━━━━━━━━━━━━━━━━━

🌙 8 BEAUTIFUL BACKGROUND THEMES

Choose a style that suits you:

• Default Light
• Sage Calm
• Blush Pink
• Ocean Blue
• Sunset Warm
• Midnight Dark
• Forest Dark
• Paper Warm

Your selected theme is saved automatically.

━━━━━━━━━━━━━━━━━━━━

📊 6 LIVE DASHBOARD CHARTS

View your budget visually with six interactive charts:

• Income vs Bills
• Bills by Category
• Envelope Allocation
• Annual Subscription Costs
• Paycheck Timeline
• Annual Budget Projection

All charts are built directly into the file. No external software or chart library is required.

━━━━━━━━━━━━━━━━━━━━

🎉 THREE-PAYCHECK MONTH DETECTOR

Biweekly workers usually receive two extra paychecks during the year.

The planner automatically identifies months containing three paychecks and displays a dashboard notification.

Use the additional paycheck towards:

• Emergency savings
• Debt repayment
• Sinking funds
• Large upcoming expenses
• Financial goals

━━━━━━━━━━━━━━━━━━━━

⏰ UPCOMING BILL COUNTDOWN

See bills due within the next 14 days, automatically sorted by due date.

Clear countdown labels show:

• Due Today
• Due in 2 Days
• Due in 5 Days
• Upcoming

This helps you understand what must be covered before your next paycheck arrives.

━━━━━━━━━━━━━━━━━━━━

✉️ ZERO-BASED PAYCHECK SPLITTER

Select an upcoming paycheck and assign the money to:

• Bills due before the next payday
• Savings goals
• Emergency funds
• Debt snowball payments
• Spending envelopes
• Personal allowances

The live remaining balance updates automatically.

Your goal is simple:

Income − Bills − Savings − Envelopes = £0 / $0

Status indicators show whether your paycheck plan is:

• Perfectly allocated
• Under budget
• Over budget
• Missing an allocation

━━━━━━━━━━━━━━━━━━━━

💳 SUBSCRIPTION WASTE TRACKER

Track subscriptions such as:

• Netflix
• Spotify
• Streaming services
• Software subscriptions
• Memberships
• Online tools

The planner calculates the total annual cost of your subscriptions and helps identify potential savings from services you rarely use.

━━━━━━━━━━━━━━━━━━━━

📂 PLANNER SECTIONS

The dashboard includes the following main tabs:

• Dashboard and Charts
• Paychecks
• Bills and Envelopes
• Paycheck Splitter
• Reports
• Settings and Themes

━━━━━━━━━━━━━━━━━━━━

💰 PAYCHECK TRACKER

Record:

• Pay date
• Income source
• Paycheck amount
• Amount assigned
• Remaining balance
• Pay frequency
• Notes

Additional or bonus paychecks are highlighted automatically.

━━━━━━━━━━━━━━━━━━━━

🧾 BILL ORGANISER

Add and manage bills using:

• Bill name
• Amount
• Due day
• Category
• Recurring payment option
• Paid or unpaid status
• Notes

Bill categories include:

• Housing
• Utilities
• Transport
• Food
• Insurance
• Debt
• Savings
• Subscriptions
• Childcare
• Other

━━━━━━━━━━━━━━━━━━━━

✉️ BUDGET ENVELOPES

Create personalised budget envelopes for:

• Emergency savings
• Debt overpayments
• Groceries
• Fuel
• Entertainment
• Personal spending
• Holidays
• Gifts
• Sinking funds
• Other goals

Each envelope can include a custom name, monthly target, and category.

━━━━━━━━━━━━━━━━━━━━

📈 REPORTS AND PROJECTIONS

The Reports section includes:

• Monthly budget summary
• Annual income projection
• Annual expense projection
• Savings rate percentage
• Paycheck allocation summary
• Printable one-page report
• CSV data export

The printable report is useful for monthly reviews or household budget meetings.

━━━━━━━━━━━━━━━━━━━━

⚙️ SETTINGS AND CUSTOMISATION

Personalise your planner by selecting:

• Currency
• Pay frequency
• Next pay date
• Background theme
• Display preferences

Supported currencies include:

• USD — US Dollar
• GBP — British Pound
• EUR — Euro
• CAD — Canadian Dollar
• AUD — Australian Dollar

The Settings section also includes:

• Download backup file
• Restore saved backup
• Reset demonstration data
• Clear all planner data

━━━━━━━━━━━━━━━━━━━━

📦 WHAT IS INCLUDED IN YOUR DOWNLOAD?

Your ZIP file contains:

1. app.html
The complete interactive offline budget dashboard in one file.

2. How-To-Guide.pdf
A step-by-step guide showing how to:

• Open the planner on Windows or Mac
• Change the theme
• Enter your information
• Create a backup
• Restore saved data
• Print your budget report

3. Sample-Report.pdf
An example monthly report created using the demonstration data.

4. ReadMe.txt
A quick-start guide and customer support information.

5. BONUS: Theme-Preview.png
A visual preview of all eight available themes.

━━━━━━━━━━━━━━━━━━━━

🚀 HOW IT WORKS

STEP 1 — DOWNLOAD AND OPEN

Download the ZIP file and extract the folder.

Double-click app.html to open the planner in your internet browser.

No installation is required.

STEP 2 — CUSTOMISE YOUR PLANNER

The demonstration data is already loaded.

Explore the dashboard, then open Settings to select your:

• Currency
• Pay frequency
• Preferred theme

You can edit the demonstration entries or replace them with your own paychecks, bills, and envelopes.

STEP 3 — PLAN YOUR NEXT PAYCHECK

Open the Paycheck Splitter and:

• Select your next paycheck
• Choose bills due before the following payday
• Add savings and budget envelopes
• Adjust allocations until the remaining balance reaches zero
• Save your plan

The dashboard and reports update automatically.

For additional protection, download a JSON backup regularly.

━━━━━━━━━━━━━━━━━━━━

📊 REALISTIC DEMONSTRATION DATA INCLUDED

The planner includes a fictional household example so you can immediately understand how every feature works.

The demonstration includes:

• Biweekly income
• Multiple paychecks
• Recurring monthly bills
• Budget envelopes
• Subscription costs
• Three-paycheck months
• Completed dashboard charts
• Example projections and reports

The demonstration information is fictional and can be edited or deleted at any time.

━━━━━━━━━━━━━━━━━━━━

💻 DEVICE COMPATIBILITY

Designed primarily for desktop and laptop use.

Compatible with:

• Windows
• macOS
• Linux
• Chromebook
• Chrome
• Microsoft Edge
• Firefox
• Safari
• Brave

The planner may also open on some tablets through the device’s Files application and browser.

For the best experience, a desktop or laptop computer is recommended.

Please note:

• This is not a mobile application
• This is not a GoodNotes planner
• This is not a printable PDF planner
• This is an interactive HTML budgeting tool

━━━━━━━━━━━━━━━━━━━━

🔐 PRIVACY

Your financial information remains on your device.

The planner contains:

• No external fonts
• No external content-delivery networks
• No advertising
• No analytics
• No tracking
• No cloud account
• No bank connection

Please avoid entering bank login details, card numbers, or other highly sensitive account information.

━━━━━━━━━━━━━━━━━━━━

💾 IMPORTANT DATA BACKUP INFORMATION

Your entries are saved locally in the browser used to open the planner.

To protect your information:

• Continue using the same browser and device
• Avoid clearing browser storage without creating a backup
• Download a JSON backup regularly
• Save your backup somewhere secure

Clearing browser data, changing devices, or opening the file in a different browser may prevent your previous entries from appearing unless you restore a backup.

━━━━━━━━━━━━━━━━━━━━

📩 CUSTOMER SUPPORT

Need help opening or using your planner?

Send me a message through Etsy and I will be happy to assist.

Please include:

• Your device type
• Your browser
• A screenshot of any error message

━━━━━━━━━━━━━━━━━━━━

⚠️ DIGITAL PRODUCT NOTICE

This is a digital download.

No physical item will be posted.

Due to the nature of digital products, returns, exchanges, and cancellations may not be available after the files have been downloaded. Please review the listing details and compatibility information before purchasing.

━━━━━━━━━━━━━━━━━━━━

⚖️ DISCLAIMER

This planner is provided for personal budgeting, organisational, and educational purposes only.

It does not provide financial, investment, tax, legal, or debt advice.

Please consult a qualified professional before making important financial decisions.

PlannerToolLab is not responsible for financial decisions, losses, browser data deletion, device problems, or information entered by the customer.