Wie Sie aufhören, für einfache QR-Code-Generatoren zu bezahlen

Jedes Mal, wenn ein Designer oder Layouter einen sauberen QR-Code für eine Landingpage oder Druckmaterialien benötigt, beginnt dieselbe Suche. Sie öffnen den ersten Generator, den Sie bei einer Suche finden, verbringen fünf Minuten mit dem Anpassen der Farben, laden ein Logo hoch, klicken auf den Download-Button, und plötzlich verlangt die Seite eine Registrierung, ein kostenpflichtiges Abonnement oder generiert einen dynamischen Code, der über ihre langsamen Server umgeleitet wird. Kommt Ihnen das bekannt vor?

Ich habe kürzlich ein Open-Source-Projekt namens mini-qr entdeckt, entwickelt von einem Entwickler mit dem Pseudonym lyqht. Es ist eine leichtgewichtige Web-App, die genau das tut, was man erwarten würde: schnell schöne Vektorcodes ohne Wasserzeichen, Tracker oder Abonnements generiert.

Warum dieses Projekt praktisch nützlich ist

Die meisten Open-Source-Generatoren geben langweilige schwarz-weiße Quadrate im Basisformat aus. Mini QR geht weiter und bietet einen visuellen Stil-Editor mit proper Kontrolle über das Ergebnis.

Hier ist, was dieses Tool kann:

• Module und Rahmen gestalten. Sie können die Form der Punkte, der Finder-Patterns (Eckenmarkierungen) ändern, die Ecken abrunden und den äußeren Rahmen mit benutzerdefiniertem Text konfigurieren.
• Logos in der Mitte einfügen. Die App verwaltet automatisch die Error Correction Level, sodass Scanner den Code weiterhin zuverlässig lesen können, selbst wenn die Mitte verdeckt ist.
• Datenvorlagen für verschiedene Aufgaben. Keine Notwendigkeit, Rohzeichenfolgen wie WIFI:S:MyNet;T:WPA;P:secret;; manuell zusammenzustellen. Die Oberfläche enthält fertige Formulare für WLAN-Zugangsdaten, vCard-Kontakte, Kalenderereignisse, Geolokalisierungen, Links und sogar EPC-QR-Zahlungen (SEPA).
• In jedes Format exportieren. Das Ergebnis wird als sauberes SVG für den Druck, als Raster-PNG/JPG oder als ASCII/Unicode-Zeichen direkt im Terminal geliefert.

Der Batch-Export verdient besondere Erwähnung. Sie können der App eine CSV-Tabelle mit einer Liste von Links oder Kontakten geben, und sie generiert ein ganzes Archiv mit einheitlich gestalteten Bildern. Für Konferenz-Badges oder Inventaraufkleber im Lager spart dies ein paar Stunden Routinearbeit.

Integrierter Scanner und lokale Verarbeitung

Neben dem Generator enthält die App einen Scanner. Er funktioniert direkt über den WebRTC-Stream von einer Webcam oder analysiert ein hochgeladenes Bild.

Wenn der Code strukturierte Daten enthält (zum Beispiel ein WLAN-Passwort oder einen Kontakt), erkennt der Scanner den Typ und zeigt eine Schnellaktions-Schaltfläche. Hier werden keine Anfragen an Backend-Services von Drittanbietern gestellt: Alle Parsing- und Rendering-Vorgänge finden strikt clientseitig im Browser statt. Ihre Daten gehen nirgendwo hin.

Die App unterstützt auch PWA, sodass Sie sie als eigenes Symbol auf Ihrem Desktop oder Telefon installieren und ohne ständige Netzwerkverbindung nutzen können.

Unter der Haube

Der technische Stack des Projekts sieht modern und sauber aus:

• Vue 3 mit TypeScript
• Erstellt mit Vite
• Komponenten basierend auf shadcn-vue und Tailwind CSS
• Lokalisierung in über 30 Sprachen über Crowdin
• Komponententests über Storybook

Die Autoren haben Barrierefreiheit ernst genommen: Die Oberfläche erfüllt grundlegende WCAG-A-Anforderungen, unterstützt helle, dunkle und Systemfarbthemen und verarbeitet komplexe UTF-8-Zeichen (arabische Schrift, CJK-Zeichen, Emoji) korrekt.

Die interne Rendering-Bibliothek kann separat im öffentlichen Storybook des Projekts getestet werden, was die Integration ähnlicher Komponenten in Ihre eigenen Frontend-Services erleichtert.

Lokale Ausführung

Wenn Sie die öffentliche Demo auf Vercel nicht nutzen möchten oder den Generator im internen Netzwerk Ihres Unternehmens mit Ihren eigenen Brand-Voreinstellungen bereitstellen möchten, lässt sich das Projekt einfach lokal aufsetzen.

Klonen Sie das Repository und installieren Sie die Abhängigkeiten:

git clone https://github.com/lyqht/mini-qr.git
cd mini-qr
pnpm install
pnpm dev

Für die Produktion ist das Projekt in einem Docker-Container verpackt oder kann mit dem Befehl pnpm build in einen statischen Ordner gebaut werden, danach kann es von jedem Webserver wie Nginx oder Caddy ausgeliefert werden.

Das Projekt ist unter GPL-3.0 lizenziert. Das bedeutet, dass der Code offen für Forks und Self-Hosting ist, aber Sie können die Quellen bei Änderungen nicht schließen.

Für wen ist das nützlich

Mini QR adressiert zwei Bedürfnisse gleichzeitig.

Erstens ist es ein praktisches Arbeitswerkzeug für alltägliche Aufgaben: ein WLAN-Passwort für die Büroküche ausdrucken, SVG-Codes für eine Präsentation vorbereiten oder Links auf Konferenz-Teilnehmer-Badges formatieren.

Zweitens ist es ein gutes Beispiel für eine qualitativ hochwertige Vue-3- und Tailwind-Anwendung. Hier können Sie sehen, wie man Storybook-Workflows für spezialisierte Grafikkomponenten organisiert, wie man bequeme Dateiexporte einrichtet und wie man Vorschauen für Pull-Requests automatisiert.

Wenn Sie regelmäßig mit QR-Codes arbeiten, schauen Sie sich die Demo an oder bookmarken Sie das Projekt. Es löst die Aufgabe sauber und ohne überflüssigen Ballast.