A modern, client-side, single-page invoice generator built with Tailwind CSS v4 and AlpineJS. Invo provides a beautiful, Shadcn-inspired user interface for creating and managing invoices directly in your browser. All data persists in localStorage, meaning there's no backend, no database, and no sign-up required.
- Minimal UI: Clean, modern design with a focus on great user experience.
- Light & Dark Themes: Auto-detects your system preference on first visit and allows you to toggle anytime. Your preference is saved locally.
- Real-Time Persistence: Every change is instantly saved to your browser's
localStorage. - Fully Responsive: A seamless experience across desktop, tablet, and mobile devices.
- No Backend Needed: 100% client-side. The app runs entirely in your browser. Your data stays with you.
- Invoice Management:
- Create, edit, duplicate, and delete invoices.
- Dashboard with quick filters (Draft, Sent, Paid, Overdue).
- Search by client name or invoice number.
- Live Preview Editor: See your final invoice take shape in real-time as you type.
- PDF Export & Print: Easily export invoices to PDF or print them using a print-friendly stylesheet.
- Styling: Tailwind CSS v4
- Interactivity: AlpineJS
- PDF Generation: html2pdf.js
- Data Persistence: Browser
localStorage
This project is designed for simplicity and requires no build steps or dependencies.
-
Clone the repository:
git clone https://github.com/alnahian2003/invo.git
(Or, you can just download the ZIP file and extract it.)
-
Navigate to the directory:
cd invo -
Open the file: Simply open the
index.htmlfile in any modern web browser like Chrome, Firefox, or Safari.
That's it! The app is fully functional right out of the box.