Tavola
A restaurant dashboard with a kitchen board and floor plan
A nine-page back office app for a restaurant, with a frosted glass look. Good for: a restaurant, bistro or cafe, or a company that builds restaurant software. How it works: drag orders across the kitchen board, drag waiting guests onto a free table, and watch tonight's sales update live. Includes: overview, kitchen board, floor plan, reservations, menu, stock, staff, reports, settings, light and dark mode and a phone layout. How to use: it comes with sample data and no backend, and the dish photos are placeholders, so add your own photos and connect your API in src/store.ts. Built with TypeScript, HTML and CSS plus GSAP.
$66.00 — one-time price, free updates
- A website template
- Plain HTML, CSS and JavaScript · no framework
- Build unlimited client sites with it
Built with Plain JavaScript, CSS, SVG, GSAP.
What is in the zip
- PHOTOS.md
- app.css
- css/floor.css
- css/inventory.css
- css/menu.css
- css/orders.css
- css/overview.css
- css/reports.css
- css/reservations.css
- css/settings.css
- css/staff.css
- index.html
- src/actions.ts
- src/charts.ts
- src/clock.ts
- src/main.ts
- src/motion.ts
- src/pages/floor.ts
- src/pages/inventory.ts
- src/pages/menu.ts
- src/pages/orders.ts
- src/pages/overview.ts
- src/pages/reports.ts
- src/pages/reservations.ts
- src/pages/settings.ts
- src/pages/staff.ts
- src/pages/types.ts
- src/store.ts
- src/ui.ts
- tsconfig.json
Version history
- v1.0.0, 2026-10-19 — First release. Tavola shipped, with the reel recorded from the real page.