Um gerador de QR Code moderno e personalizável com recursos avançados de estilização e exportação.
- 🎨 Personalização completa: Cores, tipos de módulo, logos e muito mais
- 🖼️ Suporte a logos: Adicione sua marca ao centro do QR Code — logos SVG saem como vetor de verdade no arquivo exportado, não como imagem embutida
- 📤 Múltiplos formatos: Exporte como PNG ou SVG em 512, 1024 ou 2560 px
- 📋 Copiar para área de transferência: Copie o código SVG diretamente
- 🔍 Pré-visualização em tempo real: Veja as alterações instantaneamente
- 📱 Responsivo: Funciona em qualquer dispositivo
O gerador avisa quando uma escolha de design pode deixar o código ilegível:
- Margem de segurança (quiet zone de 4 módulos, ISO/IEC 18004) ativada por padrão — sem ela, um QR sobre fundo colorido costuma não ser lido
- Aviso de contraste entre cor principal e fundo, com o cálculo em tela
- Correção de erro automática: sobe para nível
H(30%) quando há logo, para compensar os módulos cobertos - Limite de capacidade com contador de bytes; a exportação trava antes de gerar um código inválido
- Digite o URL ou texto que deseja codificar
- Personalize o design do QR Code conforme desejado
- Baixe ou copie o resultado
- Astro - Framework web rápido e moderno
- QRCode Styling - Biblioteca de estilização de QR Code
- JavaScript puro para manipulação do DOM e interatividade
Todos os comandos são executados a partir da raiz do projeto, em um terminal:
| Comando | Ação |
|---|---|
pnpm install |
Instala as dependências |
pnpm dev |
Inicia servidor local em localhost:4321 |
pnpm build |
Compila o site para produção em ./dist/ |
pnpm preview |
Visualiza a compilação localmente |
pnpm check |
Checagem de tipos nos arquivos .astro |
pnpm astro ... |
Executa comandos CLI como astro add, check |
pnpm astro -- --help |
Obtém ajuda sobre o CLI do Astro |
Este projeto está licenciado sob a MIT License
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.
- Faça um fork do projeto
- Crie sua branch de recurso (
git checkout -b feature/amazing-feature) - Commit suas alterações (
git commit -m 'Add some amazing feature') - Push para a branch (
git push origin feature/amazing-feature) - Abra um Pull Request
- Implementar mais opções de estilo (gradientes, padrões)
- Estilizar cantos (
cornerSquareType/cornerDotType) de forma independente - Presets de conteúdo além de URL (Wi-Fi, vCard, PIX)
- Testes automatizados de leitura usando a
BarcodeDetectorAPI
Se você tiver alguma dúvida ou sugestão, entre em contato através de contato@montefiorestudio.com
Desenvolvido com ❤️ usando Astro