Code

InvioLite - Lightweight Professional Invoice Generator

InvioLite - Lightweight Professional Invoice Generator

Cart 2 sales
Recently Updated

InvioLite – Professional Invoice Generator

Create beautiful, professional invoices, quotes, and proforma invoices with ease. No installation required – works entirely in your browser!

InvioLite is a modern, production-ready invoice generator built with vanilla JavaScript. Perfect for small businesses, freelancers, consultants, and anyone who needs to create professional invoices quickly without complex software or monthly subscriptions.

Key Features

  • Multiple Document Types – Create invoices, proforma invoices, and quotes
  • Multi-Currency Support – TRY, USD, EUR, GBP with proper formatting
  • Multi-Language Interface – 9 languages: Turkish, English, German, Italian, Bulgarian, Russian, Portuguese, French, Spanish
  • 5 Professional Templates – Classic Professional, Payment Providers Inspired, Commercial, Design, and Physical
  • Live Preview – Real-time invoice preview that updates as you type
  • Auto-Save & Backup – Automatically saves every 2 seconds, export/import JSON backups
  • PDF Export – Generate high-quality PDF files using html2pdf.js
  • Flexible Pricing – Configurable tax rates, percentage or fixed discounts
  • Secure – XSS protection, input sanitization, safe DOM manipulation
  • Responsive Design – Works perfectly on desktop, tablet, and mobile
  • Comprehensive Documentation – Complete documentation included
  • ⚙️ Easy Customization – Centralized configuration via config.json
  • ♿ Accessible – ARIA labels, keyboard navigation, semantic HTML

Professional Templates

Choose from 5 beautifully designed templates:

  • Template 1: Classic Professional – Traditional business invoice with bold orange accent bar
  • Template 2: Payment Providers Inspired – Clean, modern design inspired by Payment Providers invoices
  • Template 3: Commercial – Professional B2B invoice with structured layout
  • Template 4: Design – Creative and modern with purple gradient header
  • Template 5: Physical – Traditional paper invoice style with borders

Technical Details

Technology Stack:

  • Vanilla JavaScript (ES6+)
  • HTML5
  • CSS3
  • html2pdf.js (CDN-loaded)
  • No frameworks required
  • No build process

Browser Compatibility:

  • ✅ Chrome (latest)
  • ✅ Firefox (latest)
  • ✅ Safari (latest)
  • ✅ Edge (latest)

Quick Start

  1. Download and extract the files
  2. Customize config.json with your company details
  3. Add your logo file (optional – supports PNG, SVG, or text fallback)
  4. Open index.html in a modern web browser
  5. Start creating professional invoices!

⚙️ Configuration

All customization is done through the config.json file:

  • Company Information: Name, logo, address, contact details
  • Branding: Primary colors, header bar colors
  • Invoice Defaults: Default tax rate, currency, date format
  • Template Selection: Choose from 5 professional templates
  • Footer Configuration: Control visibility of footer elements

Complete Feature List

  • Live preview with real-time updates
  • Multiple document types (Invoice, Proforma Invoice, Quote)
  • Multi-currency support (TRY, USD, EUR, GBP)
  • Configurable tax/VAT rates
  • Percentage or fixed amount discounts
  • Unlimited line items
  • High-quality PDF export
  • Auto-save to localStorage
  • Export/Import JSON backups
  • Print-optimized styles
  • Multi-language support (9 languages)
  • Logo support (PNG, SVG, or text fallback)
  • Fully responsive design
  • Accessibility features (ARIA labels, keyboard navigation)
  • XSS protection and input validation

Perfect For

  • Small businesses
  • Freelancers
  • Consultants
  • Service providers
  • E-commerce businesses
  • International businesses

Documentation

Comprehensive documentation is included:

  • README.md – Complete user guide
  • LICENSE.md – Commercial license agreement
  • TERMS_OF_SALE.md – Terms of sale
  • DOCUMENTATION.html – Documentation
  • Inline code comments

What’s Included

  • ✅ Complete source code (HTML, CSS, JavaScript)
  • ✅ 5 professional invoice templates
  • ✅ Multi-language translation files (9 languages)
  • ✅ Configuration system
  • ✅ SVG logo files
  • ✅ Comprehensive documentation
  • ✅ Example configuration file
  • ✅ Print-optimized styles
  • ✅ PDF export functionality
  • ✅ No dependencies (except CDN-loaded html2pdf.js)
  • ✅ Import / Export Functionality
  • ✅ Auto-Save Functionality
  • ✅ Comprehensive Documentation

Customization

InvioLite is designed to be easily customizable:

  • Edit config.json for company details and branding
  • Replace logo files with your own
  • Modify CSS variables for colors
  • Add custom templates by creating new CSS files
  • Add new languages by extending translations.json
  • Modify HTML structure for custom layouts
  • Extend JavaScript functionality

Security

  • XSS protection – All user inputs are sanitized
  • Input validation – Prevents invalid data entry
  • Safe DOM manipulation – Uses textContent instead of innerHTML
  • No server required – Runs entirely client-side
  • Local storage – Data stored locally in browser

Responsive & Mobile-Friendly

The application is fully responsive and works seamlessly on:

  • Desktop computers
  • Laptops
  • Tablets
  • Mobile phones

Multi-Language Support

Fully translated in 9 languages :

  • Turkish (Türkçe) – Default
  • English
  • German (Deutsch)
  • Italian (Italiano)
  • Bulgarian (Български)
  • Russian (Русский)
  • Portuguese (Português)
  • French (Français)
  • Spanish (Español)
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey