Co-Invoice is a modern invoice generator built with React and Tailwind CSS. It lets you create, customize, preview, and export professional invoices with real-time updates and flexible design options.
- 4 invoice templates: Modern, Classic, Bold, Minimal
- 30 Google Fonts (Serif, Sans Serif, Monospace)
- Accent color presets and custom color picker
- Company and client information management
- Dynamic line items with automatic calculations
- Tax, currency, and date configuration
- Real-time preview
- Dark mode editor
- Responsive layout (desktop and mobile)
- PDF and print export
- Local storage persistence
- React
- Vite
- Tailwind CSS
- shadcn/ui (Radix UI)
- Zustand
- Lucide React
- react-to-print
- Node.js 16+
- npm
git clone https://github.com/mraxays/co-invoice
cd co-invoice
npm install
npm run devOpen http://localhost:5173 in your browser.
- Add company and client details
- Configure invoice number, dates, currency, and tax
- Add line items
- Customize template, fonts, and colors
- Export as PDF or print
src/
├── components/
│ ├── invoice/
│ │ ├── forms/
│ │ └── templates/
├── lib/
├── store/
└── App.jsx
npm run dev # Start dev server
npm run build # Production build
npm run preview # Preview buildThis project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License.
You are free to:
- ✅ Use for personal projects
- ✅ Modify and adapt the code
- ✅ Share with others (with attribution)
You are NOT allowed to:
- ❌ Use for commercial purposes
- ❌ Sell or profit from this project
For details, see the LICENSE file or visit CC BY-NC 4.0.
Contributions are welcome. Fork the repo, create a feature branch, and submit a pull request.
