A modern, free, and easy-to-use QR code generator with no watermarks. Create customizable QR codes for your URLs, websites, and links instantly.
- 🚫 No Watermarks - Clean QR codes without any branding or watermarks
- 🎨 Full Customization - Choose custom colors for foreground and background
- 📏 Flexible Sizing - Generate QR codes from 128px to 512px
- 🔧 Error Correction Levels - Adjust complexity for better scanning reliability
- 💾 Multiple Export Options - Download as PNG or copy to clipboard
- ⚡ Instant Generation - Real-time QR code preview as you customize
- 📱 Responsive Design - Works perfectly on desktop and mobile devices
- 🌓 Dark Mode Support - Adaptive icons for light and dark themes
Try it now: https://qr-code-generator.vercel.app
- Enter Your URL - Paste any link you want to convert into a QR code
- Customize - Choose colors, adjust size (128-512px), and set error correction level
- Generate - Click "Generate QR Code" or press Enter
- Export - Download as PNG or copy directly to your clipboard
- Use - Share your watermark-free QR code anywhere!
The app offers four error correction levels:
- Low (L): ~7% damage tolerance - Smallest QR code
- Medium (M): ~15% damage tolerance - Balanced (recommended)
- High (Q): ~25% damage tolerance - More reliable
- Max (H): ~30% damage tolerance - Most reliable, larger size
Higher levels add more redundancy (more black squares) but make the QR code more resistant to damage and scanning issues.
- Framework: Next.js 16 with React 19
- Styling: Tailwind CSS with custom design system
- QR Generation: qrcode.react
- UI Components: Radix UI primitives
- Icons: Lucide React
- Analytics: Vercel Analytics
- Deployment: Vercel
- Node.js 18+ installed
- pnpm (recommended) or npm
- Clone the repository:
git clone https://github.com/yaantow/qr-code-generator.git
cd qr-code-generator- Install dependencies:
pnpm install
# or
npm install- Run the development server:
pnpm dev
# or
npm run dev- Open http://localhost:3000 in your browser
pnpm build
# or
npm run buildThen start the production server:
pnpm start
# or
npm startThe easiest way to deploy this app is using Vercel:
- Click the "Deploy with Vercel" button above
- Follow the prompts to connect your GitHub account
- Vercel will automatically build and deploy your app
- Your QR code generator will be live in minutes!
This is a standard Next.js app and can be deployed to any platform that supports Node.js:
- Netlify: Connect your repo and deploy with zero configuration
- Railway:
railway upfrom your project directory - DigitalOcean App Platform: Import from GitHub and deploy
- AWS Amplify: Connect your repository for automatic deployments
- Self-hosted: Build with
pnpm buildand run withpnpm start
Create a .env.local file if you want to customize the base URL for SEO:
NEXT_PUBLIC_BASE_URL=https://your-domain.comContributions are welcome! Here's how you can help:
If you find a bug or have a feature request:
- Check if the issue already exists in GitHub Issues
- If not, create a new issue with a clear description
- Include steps to reproduce for bugs
- Add screenshots if applicable
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature
- Make your changes and commit:
git commit -m "Add amazing feature" - Push to your fork:
git push origin feature/amazing-feature
- Open a Pull Request with a clear description of your changes
- Follow the existing code style
- Test your changes thoroughly
- Update documentation as needed
- Keep commits focused and atomic
- Write clear commit messages
This project is open source and available under the MIT License.
- Built with v0.app - AI-powered UI generation
- QR code generation powered by qrcode.react
- UI components from Radix UI
- Icons from Lucide
- Issues: GitHub Issues
- Discussions: GitHub Discussions
If you find this project useful, please consider giving it a ⭐ on GitHub!
Made with ❤️ for everyone who needs free QR codes without watermarks