Skip to content
WEGMSTUDIO
StockBook Inventory & Billing website design
Custom ProjectsID: WGM116

Stock, GST invoices and sales reports for a small shop, in one clean ledger-style app

StockBook Inventory & Billing

Front-end demo of shop inventory and GST billing on sample data: products with low-stock alerts, stock in/out ledger, an invoice builder with CGST/SGST split and print-ready invoices, and sales reports.

Starting at

₹999

Includes customisation with your content. Final price depends on changes.

What's included

  • Product list with SKU, HSN, GST rate, rate and cost, stock meters, low and out-of-stock filters, and an add/edit product dialog
  • Low-stock alerts on the dashboard with a one-click Stock in that pre-fills a suggested quantity
  • Stock in/out form with reasons such as purchase, damage, expiry and returns, blocked from going below zero, plus a running ledger
  • Invoice builder with customer details, GSTIN format check, inventory or custom items, quantity, rate and 5/12/18% GST per line
  • CGST and SGST per line and by rate, round-off, and the grand total in words in lakh and crore
  • Print-ready A4 tax invoice through print CSS, with only the invoice on paper
  • Saving an invoice deducts stock and records the sale in the ledger; the draft is kept while you work
  • Sales report for 7, 30 or 60 days: stacked taxable and GST chart, GST summary by rate, category bars and top products
  • Invoice list with search, payment-mode filter and a WhatsApp link that shares the invoice summary (to the sample number in this demo)

Pages included

  • App — Dashboard, Products, Stock in / out, New invoice builder with live preview, Invoices, Sales report, Product and invoice dialogs, Print layout
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsSVGlocalStorage

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

StockBook Inventory & Billing is a front-end demo of a back-office app for a kirana store, shown for the sample Lakshmi General Stores in Saraswathipuram, Mysuru. It opens straight into the dashboard. A sidebar groups Dashboard, Products, Stock in/out, New invoice, Invoices and Sales report; the top bar has a Demo — sample data badge and quick Stock in and New invoice buttons. The dashboard shows today's sales, stock value and low-stock alerts, with a 30-day sales chart and recent invoices. It runs in the browser on sample data: 28 products with HSN codes and 5, 12 or 18% GST, 60 days of invoices and a stock ledger. The invoice builder takes the customer (optional GSTIN check), items, quantity, rate and GST per line, splits tax into CGST and SGST, rounds off and writes the total in words in Indian numbering, with a live preview. Saving deducts stock, and print styles produce a clean A4 tax invoice. Changes stay in localStorage; Reset demo data restores the samples. It is a front-end demo: as a custom project the studio connects it to a real backend and replaces the sample shop and products with the customer's own. The look is ledger paper in deep green with saffron and brick accents, in IBM Plex Sans, Mono and Serif, with SVG charts drawn by the app's own code. On phones the sidebar becomes a bottom tab bar and tables stack into cards. It suits kirana stores, pharmacies, hardware shops and small distributors.

Design highlights

  • Ledger-paper background in deep green with saffron and brick accents
  • IBM Plex Sans with IBM Plex Mono for figures and IBM Plex Serif on the invoice
  • Live invoice preview beside the builder that matches the printed A4 sheet
  • SVG area and stacked-bar charts drawn by the app's own JavaScript, with tooltips
  • Bottom tab bar on phones, with tables that stack into labelled cards

Who it's for

Kirana and general stores, pharmacies, hardware, stationery and garment shops, and small distributors in India who bill with GST and track stock by hand or in spreadsheets. It also suits owners who want to see the billing and stock flow working before the studio builds the real backend, logins and multi-device sync as a custom project.

Related templates

A front-end demo of a restaurant point-of-sale with a live table map, menu grid by category, an order cart with 5% GST and service charge, printable KOT and bill, and today's sales.

Starting at

₹999

TaskBoard

WGM118

Front-end demo of a project management app for an agency: projects sidebar, drag-and-drop kanban with a keyboard Move menu, task details with checklist and comments, assignee and priority filters, My tasks and a workload chart.

Starting at

₹999

Front-end demo of a booking engine for a Coorg homestay: room cards, an availability calendar, nights × rate with GST, a booking form, and an owner desk with occupancy, today's check-ins and check-outs, and a bookings list.

Starting at

₹999