A powerful, feature-rich QR code generator built with React and TypeScript. Generate customizable QR codes for various purposes including URLs, text, email, contact information, events, SMS, and WiFi configurations.
-
Multiple QR Code Types
- URL
- Text/Custom Message
- Contact Information (VCard)
- Event
- SMS
- WiFi Configuration
-
Rich Customization Options
- Adjustable size
- Custom colors (foreground and background)
- Error correction levels
- Margin control
-
Export Options
- Download as PNG
- Print directly
- Share via native share dialog
-
User-Friendly Interface
- Real-time preview
- Responsive design
- Intuitive controls
- Node.js (v16 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/advanced-qr-generator.git
cd advanced-qr-generator- Install dependencies:
npm install- Start the development server:
npm run dev- Open http://localhost:5173 in your browser.
- Select the QR code type from the available options
- Enter the required information
- Customize the appearance using the provided controls
- Preview the QR code in real-time
- Download, print, or share your QR code
- React - UI Framework
- TypeScript - Programming Language
- Vite - Build Tool
- Tailwind CSS - Styling
- qrcode.react - QR Code Generation
- html2canvas - Canvas Rendering
- jsPDF - PDF Generation
- Lucide React - Icons
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.