AB
Abhishek Bhadani

Invoice Creation Template - Copy this Html, Bootstrap Component to your project

Template Design Requirements: Header Section: Business Name, Logo, and Contact Details (Phone, Email, Website) Invoice Number, Date, and Due Date Fields Customer's Name, Billing Address, and GSTIN Seller's GSTIN and Business Details Invoice Table for Items/Services: Columns for: Item Description Quantity Unit Price (Excluding GST) GST Rate (%) (Different rates for CGST, SGST, IGST) GST Amount (Calculated automatically based on rate) Total Amount (Auto calculated by multiplying quantity and price + GST) Summary/Total Section: Subtotal (Excluding GST) – Auto calculated sum of item totals. GST Breakdown: Separate fields for CGST and SGST for intra state sales. Separate field for IGST for inter state sales. Grand Total (Including GST) – Auto calculated based on GST and subtotal. Footer Section: Terms and Conditions Authorized Signatory and Notes Section Auto Calculation Features: GST amounts should be automatically calculated based on the percentage applied (e.g., 5%, 12%, 18%, 28%). Totals should dynamically update when new items, prices, or quantities are entered. If the GST rate changes per item, the calculations should adjust accordingly.

Prompt
Component Preview

About

Invoice Creation Template - Easily create invoices with auto-calculated GST, itemized tables, and customizable fields, built with HTML. Download free code!

Share

Last updated 1 month ago