Qraw

A privacy-focused QR code generator. Runs entirely in the browser — no backend, no tracking, no account required.

Features

• Generate QR codes for URLs, Wi-Fi credentials, and social media profiles
• Custom titles and background images
• Style options (colors, error correction level)
• Export as PNG, SVG, or PDF
• Generation history (localStorage)
• Works offline after first load

Stack

• React 18
• TypeScript
• Vite
• Tailwind CSS
• qrcode library

Getting Started

git clone https://github.com/4shil/Qraw-QR.git
cd Qraw-QR
npm install
npm run dev

Open http://localhost:5173.

npm run build    # production build
npm run preview  # preview production build locally

Project Structure

Qraw-QR/
├── src/
│   ├── components/
│   │   ├── TypeSelector.tsx    # URL / Wi-Fi / Social tabs
│   │   ├── URLForm.tsx
│   │   ├── WifiForm.tsx
│   │   ├── SocialForm.tsx
│   │   ├── QRPreview.tsx       # Live QR preview
│   │   ├── StyleOptions.tsx    # Color, error correction
│   │   ├── ExportModal.tsx     # PNG / SVG / PDF export
│   │   ├── History.tsx         # Past generations
│   │   ├── Header.tsx
│   │   └── About.tsx
│   ├── types/
│   ├── utils/
│   ├── App.tsx
│   └── main.tsx
└── public/

Privacy

All QR code generation happens client-side. No data is sent to any server.

Contributing

See CONTRIBUTING.md.

License

MIT