DEV3 Free Restaurant QR Menu Maker — Source Code (React + Tailwind)

Source code of the DEV3 Restaurant QR Menu Maker, a menu editor that compresses a whole menu into a shareable link plus QR code, with a read-only menu viewer page and a print stylesheet.

Free download: sign in to any DEV3 account and click Download ZIP. Try it live: https://dev3.tech/tools/restaurant-qr-menu-maker shows the finished tool running.

What is in the download

• A standalone Vite + React + TypeScript + Tailwind CSS project: src/tool holds the tool, shared pieces sit beside it
• package.json with exact versions plus a lockfile, so npm ci works
• README.md (run, build, embed in Next.js or plain React) and an MIT LICENSE

What the code does

• Sections, items, prices and dietary tags
• Menu encoded into the URL hash (no server) using deflate
• Menu viewer route included
• Print-ready QR card and SVG/PNG download

Tech stack

React 19, TypeScript, Vite, Tailwind CSS 4, fflate, qrcode-generator.

Install and customise

The How to install and How to use tabs list the steps. In short: unzip, npm ci, npm run dev, then copy the tool folder into your own app if you want to embed it.

Good to know

• A browser-only tool: there is no backend or database in the code.
• Long menus can exceed practical URL lengths; the tool warns before that point. There is no database behind it.