Leaflet is a premium, responsive, and fully client-side invoice generator. Built with Vanilla JavaScript, HTML5, and CSS3, it enables freelancers and small business owners to create professional A4 PDF invoices directly in the browser—no backend, no database, and no accounts required.
The application follows a cohesive, modern UI/UX based on a custom organic-tech color palette:
- Primary Teal (
#1F6F5F): Used for branding, headers, and primary identity. - Secondary Green (
#2FA084): Applied to subheadings and section dividers. - Action Mint (
#6FCF97): Reserved for buttons and interactive success states. - Workspace Gray (
#EEEEEE): Provides a neutral background to make the invoice paper pop.
- 📱 Mobile-First Responsive Design: Optimized for all screen sizes with a floating action button (FAB) for quick previews.
- 💾 Local Storage Persistence: Automatically saves company details and payment settings locally so you don't have to re-type them.
- 🧮 Real-Time Calculations: Seamlessly updates line totals, tax, and discounts as you type.
- ✒️ Digital Signature: Authentic-looking signatures using the
Dancing Scriptfont. - 📄 One-Click Export: Generates high-fidelity, single-page A4 PDFs optimized for print.
- ⚙️ Customizable Settings: Dedicated modal to manage business profiles and default tax rates.
Since Leaflet is a static web application, deployment is instantaneous.
- Clone the repository:
git clone [https://github.com/mogdho/leaflet.git](https://github.com/mogdho/leaflet.git)
Mogdho Paul
🔗 GitHub: github.com/mogdho 📂 Source: CleanUp-your-system