New button next to Download PNG writes the rendered QR as a PNG Blob to the system clipboard via the async Clipboard API, with a brief in-button confirmation (Copied!) or error state.
QR Code Studio
Browser app to generate styled QR codes from a URL with a center logo, custom body (dot) style, custom corner edges, and adjustable logo padding.
Stack
- Vue 3 + Vite + TypeScript
qr-code-stylingfor rendering
Development
npm install
npm run dev
Production build
npm run build
npm run preview
Deploy to Coolify
The repo ships a multi-stage Dockerfile (Node build → nginx serve) and an
nginx.conf. In Coolify:
- Create a new resource → Application → Dockerfile (or Git-based).
- Point it at this repository / branch.
- Coolify auto-detects the
Dockerfile. Container exposes port 80. - Set a domain in Coolify — it handles TLS via Traefik/Caddy.
- Deploy.
No environment variables are required; the app is fully client-side.
Description
Languages
Vue
46.5%
CSS
30.7%
TypeScript
17.8%
HTML
2.8%
Dockerfile
2.2%