Skip to content
WEGMSTUDIO
TableBill POS website design
Custom ProjectsFeaturedID: WGM117

Tables, orders, KOTs and GST bills in one screen, built for a busy service.

TableBill POS

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

₹9,999

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

What's included

  • Table map with chairs drawn per seat count and Free, Occupied and Bill printed states showing running total and time open
  • Menu grid with 8 categories, search, a veg-only filter and veg / non-veg marks on every dish
  • Order cart with quantity steppers, covers, CGST and SGST at 2.5% each, an optional 5% service charge and round-off
  • Send KOT lists only the items not yet sent to the kitchen, ready to print, and each cart line shows sent and new counts
  • Bill preview in a receipt layout with a Print button; print CSS outputs just the receipt on an 80 mm page
  • Settle by UPI, card or cash, with a cash-received check and change worked out
  • Today's sales: gross, net, GST, average bill, an hourly SVG chart, payment split and top sellers, updated as bills settle
  • Bills list filtered by payment mode with totals, and reprint of any settled bill
  • Orders and bills kept in localStorage; Reset demo data restores the sample day

Pages included

  • App (single page) — Today's sales dashboard, Table map, Order screen with menu and cart, Bills list, KOT and bill preview
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsSVGlocalStorage

Try the live website

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

Loading live preview…

About this template

TableBill POS is a single-page restaurant app that opens on today's sales: KPI cards, a sales-by-hour chart with lunch, dinner, GST and service-charge totals, the payment split, top sellers, a floor snapshot and recent bills. An icon rail links a Table map in Indoor, Terrace and Private zones, the Order screen with a menu grid beside the cart, and a Bills list. It is a front-end demo with sample data for a fictional Bengaluru restaurant; orders and bills are saved in localStorage until you press Reset demo data. Pick a table, add dishes by category or search, set covers and quantities, send a KOT for new items, then preview the bill with CGST and SGST at 2.5% each, an optional 5% service charge and round-off. Settling by UPI, card or cash frees the table and updates the day's figures. The menu, prices and outlet are placeholders; the studio swaps in the customer's own and connects it to a real backend as a custom project. The interface is dark and warm, with saffron actions and chilli, mint and plum table states, set in Sora with JetBrains Mono for prices, bills and the clock. Receipts sit on cream paper and print alone through print CSS. On phones the rail becomes a bottom tab bar and the cart stacks under the menu. It suits restaurants, cafés, cloud kitchens and bars that want to try a billing flow before commissioning a POS linked to their kitchen and accounts.

Design highlights

  • Dark charred-wood palette with saffron actions and chilli, mint and plum table states
  • Sora for the interface with JetBrains Mono for prices, bills and the live clock
  • Icon-rail layout with a sticky cart panel beside the menu on desktop
  • Receipts styled as cream thermal paper with a scalloped edge, printable on their own
  • Hourly sales chart drawn in SVG by the template's own script, with tooltips and a table view

Who it's for

Restaurants, cafés, cloud kitchens, bars and food courts in India that want to see a table-service billing flow working before the studio builds it on a real backend with their menu, printers and reports. Also useful for agencies scoping a POS or billing app for a hospitality client.

Related templates

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

₹9,999

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

₹9,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

₹9,999