A modern, open-source invoice and quotation generator built with Next.js 16. Create professional documents with 17 beautiful templates and export them as PDFs.
- 17 Professional Templates - Classic, Modern, Minimalist, Corporate, Creative, and more
- Invoice & Quotation Support - Create both document types with appropriate fields
- Real-time Preview - See your document as you build it
- PDF Export - High-quality PDF generation with @react-pdf/renderer
- 10 Accent Colors - Customize your brand colors
- Responsive Design - Works on desktop and mobile
- No Account Required - Use immediately without sign-up
| Classic | Modern | Minimalist | Corporate |
| Creative | Simple Clean | Signature | Total Highlight |
| Blue Banner | Watercolor | Sidebar | Blue Accent |
| Two Column | Lowercase Minimal | Beach Wave | Blue Header Bar |
| Circular Modern |
- Node.js 18+
- npm, yarn, pnpm, or bun
# Clone the repository
git clone https://github.com/your-username/invoice-generator.git
cd invoice-generator
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 to start creating invoices.
npm run build
npm start- Framework: Next.js 16 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4
- UI Components: Radix UI + shadcn/ui
- Forms: React Hook Form + Zod
- PDF: @react-pdf/renderer
- Icons: Lucide React
src/
├── app/ # Next.js pages
│ └── create/ # Document creation wizard
├── components/
│ ├── pdf/ # PDF templates
│ ├── preview/ # Live preview
│ ├── ui/ # UI components
│ └── wizard/ # Form wizard
├── hooks/ # Custom hooks
├── schemas/ # Validation schemas
└── types/ # TypeScript types
See docs/ for detailed documentation:
- Architecture - System design and technical decisions
- Templates - Available templates and customization
- Contributing - How to contribute
- Start the wizard - Click "Create Invoice" or "Create Quotation"
- Enter business details - Your company name, address, logo
- Add client info - Customer details
- Set document details - Invoice number, dates, terms
- Add line items - Products/services with quantities and prices
- Choose a template - Select design and accent color
- Download PDF - Export your professional document
Contributions are welcome! Please read our contributing guidelines before submitting PRs.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.