Invoy - Professional Invoice Generator

Invoy is a fast, minimal, and secure client-side invoice generator built for freelancers, agencies, and small businesses. It requires no signup, operates entirely in your browser, and guarantees 100% privacy by storing data locally.

🚀 Features

• No Signup Required: Start creating invoices instantly.
• Client-Side Storage: Your data is 100% private and saved securely in your browser's LocalStorage.
• Live Preview: See your invoice update in real-time as you type.
• Multiple Templates: Choose from beautifully designed templates (Classic, Corporate, Creative, Elegant, Minimalist, Modern).
• Comprehensive Exports: Download your invoices in PDF, Excel (.xlsx), CSV, and JSON formats.
• Import Functionality: Import previously exported JSON or Excel/CSV invoices to resume editing.
• GST Ready: Dedicated fields for tax rates, GSTIN, and Udyam numbers.

🛠️ Tech Stack

• Framework: Astro for fast static generation and routing.
• UI Library: React for dynamic, interactive form and preview components.
• Styling: Tailwind CSS for utility-first styling.
• Animations: Framer Motion for smooth UI transitions.
• PDF Generation: html2pdf.js for instant, high-quality client-side PDF rendering.
• Spreadsheet Processing: SheetJS (XLSX) for handling Excel and CSV exports/imports.
• Icons: Lucide React / Custom SVGs.

📁 Project Structure

/
├── public/               # Static assets (images, fonts, scripts)
├── src/
│   ├── components/       # React components (InvoiceApp, InvoiceForm, UI elements)
│   ├── constants/        # Icons, Site config
│   ├── context/          # React Context (InvoiceContext) for global state management
│   ├── data/             # Static JSON data for landing page
│   ├── layouts/          # Astro Layouts
│   ├── pages/            # Astro Pages (index, app, invoices, templates)
│   ├── schema/           # TypeScript interfaces/types for invoice data
│   ├── templates/        # React components for different invoice designs
│   └── utils/            # Helper functions (storage.ts, fileTransfer.js)
└── package.json

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
pnpm install	Installs dependencies
pnpm dev	Starts local dev server at localhost:4321
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm astro ...	Run CLI commands like astro add, astro check

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check the issues page.