ToolsXtra

Invoice Module Draft Builder Live Calculation Live Preview

Creative invoice builder for modern businesses

Build professional invoices with business details, client information, invoice items, totals, live preview flow, and multi-format export support.

Quick Actions

PDF export and image export are part of the invoice experience.

Business Details

Business Name

Business Email

Business Phone

Business Address

Client Details

Client Name

Client Email

Client Phone

Client Address

Invoice Meta

Invoice Number

Issue Date

Due Date

Invoice Items

Add products or services to this invoice.

Item / Service

Qty

Unit Price

Amount

Action

Item / Service

Qty

Unit Price

Amount

Action

Notes

Totals

Subtotal

Discount

Tax (%)

Grand Total ₦0.00

Actions

Current Build Status

This version keeps the premium invoice interface and now adds live item calculation, subtotal updates, discount handling, tax handling, grand total updates, and save-draft wiring.

Calculation Notes

• Amount = Qty × Unit Price
• Subtotal = Sum of all item amounts
• Discount is subtracted before tax
• Tax is applied as a percentage after discount

Live Invoice Preview

This is the output layout that PDF and image export will use later.

Invoice

Your Business Name

business@email.com

+234...

Business address

Invoice No

INV-001

Issue Date

Not set

Due Date

Not set

Bill To

Client Name

client@email.com

+234...

Client address

Item

Qty

Price

Amount

No invoice items yet

₦0.00

Notes

Additional payment notes, account details, or terms will appear here.

Subtotal ₦0.00

Discount ₦0.00

Tax ₦0.00

Grand Total ₦0.00