Invoice Form Builder

A clean, modern, fully responsive invoice generator built with pure HTML, CSS, and JavaScript. No frameworks, no build tools, just open index.html and start creating professional invoices instantly.

Live Demo: https://basemax.github.io/invoice-form-builder/

Features

• 100% responsive (desktop, tablet, mobile)
• Real-time preview while editing
• Automatic number formatting (1,234.56) with 2 decimal places
• Live USD to EUR exchange rate fetching (from open.er-api.com)
• Manual exchange rate override
• Multi-currency support (USD & EUR)
• Professional print layout (perfect A4 PDF export)
• Clean and modern design with Inter font
• Add/remove unlimited invoice items
• Extra title & description fields
• Print or save as PDF with one click
• No backend, no dependencies, works completely offline

File Structure

invoice-form-builder/
├── index.html      Main page (everything in one file or split)
├── style.css       All styles (clean & organized)
├── script.js       Core logic (add items, calculate, render, fetch rates)
├── LICENSE         MIT License
└── README.md       This file

How to Use

1. Clone or download this repository
2. Open index.html in any browser
3. Fill in your invoice details
4. Click Update Preview to see changes live
5. Click Print / Save as PDF to export a beautiful, client-ready invoice

Tip: Use Chrome or Edge for best print-to-PDF results (select "Save as PDF" and set margins to "None").

License

This project is licensed under the MIT License. See the LICENSE file for details.

Author

Seyyed Ali Mohammadiyeh (Max Base)

GitHub: https://github.com/BaseMax

---

Made with passion in 2025 — Simple. Fast. Beautiful.