Kvar
A browser-based QR and barcode designer with live preview, scan checks, and export.
WHAT IT DOES
It combines content, module, eye, logo, background, and export controls with a live preview.
People can create QR and barcode designs and check that they scan before export.
HOW IT WORKS
1
STEP 1
Choose a content type.
2
STEP 2
Adjust colors, modules, logos, and backgrounds against a live preview.
3
STEP 3
Check scanability and export the design.
MY ROLE
I designed and built the editor, rendering engine, local persistence, and export workflows.
BUILT WITH
- React
- TypeScript
- Vite
- Zustand
- qrcode
- bwip-js
- Language
- TypeScript
- Framework
- React / Vite
- Storage
- Browser storage
OPEN LOCAL DEMO
// QR previewselected: #456f48