QRify is a modern, customizable QR code generator built with React and TailwindCSS. It allows you to create beautiful QR codes with custom styling, embedded logos, and various export options.
- Multiple Input Modes: URL, Plain Text, JSON payload, or Phone Number
- Logo Centering: Upload PNG/SVG logos, control size & quiet-zone spacing
- Rich Styling
- Dot shapes: squares, dots, rounded, class-y, extra-rounded
- Corner/finder patterns: square, dot, extra-rounded
- Foreground & background colors or linear/radial gradients
- Export Options
- Formats: SVG, PNG, JPEG
- Preset sizes (200×200, 400×400, 600×600) or custom dimensions
- Custom filename on download
- Live Preview: Instant updates as you tweak settings
- Responsive Layout: Desktop two-column & mobile stacked design
- Dark Mode (optional toggle)
- Framework: React (Vite)
- QR Engine: qr-code-styling
- Styling: Tailwind CSS
- File Download: file-saver
-
Fork this repo
-
Create your feature branch
git checkout -b feature/my-cool-feature
-
Commit your changes
git commit -m 'Add some feature' -
Push to the branch
git push origin feature/my-cool-feature
-
Open a Pull Request
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/<yourusername>/qrify.git cd qrify
-
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open your browser and navigate to
http://localhost:5173
This project is licensed under the MIT License - see the LICENSE file for details.
Built with ❤️