Build an envelope-style monthly budget app as one HTML file that works on a phone and saves on the device.

Monthly income: 3500. Currency symbol: $. Envelope style: Detailed categories. Unspent money: Resets each month.

What it does:
- Start with sensible envelopes for the style above, each with a name, emoji, color and monthly amount.
- An "unassigned" counter shows income minus all envelopes, and warns when it goes negative.
- Each envelope shows a progress bar of spent vs budgeted, turning amber then red as it empties.
- Quick "add expense" button: amount, envelope, note, date. Transactions list per envelope, with delete.
- Move money between envelopes with one tap. Edit, add and remove envelopes.
- Month switcher; apply the unspent-money rule above when a new month starts.
- Prefill sample expenses so it looks alive at first open. Export and import all data as a file.

Your answers are already in.

More like this

Subscription Tracker

Money · renewals at a glance

Free plan OK

Wedding Budget

Money · tracks every vendor

Free plan OK

Tip Splitter

Split the bill and the tip

Free plan OK

Made it better? Build it, change it with your AI, then share your remix. The original creator gets credit too.

Tags · budget · money · envelopes · monthly