Live Astro TypeScript

GenQBar

Generador de códigos QR y de barras 100% en el navegador. Sin servidor, sin analytics, sin dependencias en tiempo de ejecución — todo el procesamiento ocurre en el cliente y el output sale como SVG limpio.

[01]

Funcionalidades

01 Generación QR

Convierte cualquier texto o URL en un código QR con corrección de errores configurable en niveles L, M, Q y H.

02 Códigos de barras

Soporta CODE128, CODE39, EAN-13, EAN-8 y UPC-A. Validación de formato en tiempo real antes de renderizar.

03 Exportación SVG

Descarga el resultado como SVG vectorial puro vía Blob. Escalable a cualquier tamaño sin pérdida de calidad.

04 Tamaños configurables

Outputs de 128, 256 y 512 px para QR. Preview en vivo con debounce de 300 ms en campos de texto.

05 Cero backend

Sin llamadas a servidor, sin almacenamiento, sin cookies. Funciona offline una vez cargada la página.

06 Diseño brutalist

UI de página única con el sistema de tokens BugLabs — bordes gruesos, tipografía mono y sombras de desplazamiento.

[02]

Tech stack

Astro v6 Generador estático. Produce HTML/CSS/JS puro, sin runtime framework.

qrcode npm Generación de QR como SVG vía QRCode.toString() con soporte de corrección de errores.

JsBarcode npm Renderizado de códigos de barras en SVG con llamadas imperativas JsBarcode().

TypeScript strict Lógica de cliente en modo strict dentro de los bloques <script> de Astro.

[03]

Repositorio

BuGit LakG/GenQBar Código fuente en el
servidor propio de BugLabs. → Live genqbar.buglabs.dev Prueba la herramienta
directamente en el navegador. →