Zum Inhalt springen

Login per QR-Code

Authentifizierung · Pro-Quellcode

Ein Login-Screen mit zwei Wegen: links das übliche E-Mail-und-Passwort-Formular, rechts ein scanbarer Code für alle, die in deiner Smartphone-App bereits angemeldet sind. Der Code wird zur Build-Zeit als SVG aus einem einfachen URL-String gerendert, sitzt auf dem einzigen Token-Paar, das sich zwischen den Themes nicht umkehrt, damit Scanner immer dunkle Module auf hellem Grund sehen, und hat einen Refresh-Button für den Fall, dass die codierte Session-ID abläuft. Das Formular selbst enthält keine Auth-Logik.

Live-Vorschau öffnenHol dir Neobrutalism Pro
Authentifizierung
Neobrutalist QR code sign in page for React and Tailwind CSS: on the left a Sign In heading with email and password fields, a Remember me checkbox and a Sign In button; on the right a dark panel holding a large QR code on a yellow tile with a circular refresh button on its corner and the caption Log in with a QR code.
Login per QR-Code
  • Heroes, Preise & Auth
  • Vorschau in jeder Breakpoint
  • Code kopieren
  • MCP-Installation bereit
  • Radix · Base UI · React Aria
  • 158 fertige Blöcke
  • Page-Sections die shippen
  • Dashboards & Marketing
  • Pro schaltet den Code frei
  • Layouts zum Einsetzen
VorschauKostenlosÖffne es im Vollbild und wechsle Breakpoint oder Theme.CodeProEine eigenständige TSX-Datei. Kopier sie, sie gehört dir.InstallationProEin einziger shadcn-CLI-Befehl — oder der Agent-Prompt für Claude Code, Cursor oder jeden MCP-Client.

Gebaut mit

Plus lucide-react Icons und Tailwind CSS — keine weitere Runtime-Abhängigkeit.

Mehr Authentifizierung-Layouts (6)

Alle anschauen

https://neobrutalism.com/de/blocks/authentication/qr-code-sign-in-form

Geliebt von Devs, Designern
& Creators

  • Bin über dein UI-Kit gestolpert und hab es sofort mitgenommen. Beeindruckt: neu, aktiv gepflegt und ständig verbessert. Großartige Arbeit! 🤘

    Ziv Reich, Softwareentwickler

  • Wollte nur sagen: großartige Arbeit an neobrutalism.com. Gefällt mir wirklich. Ich bin miserabel im Design, deshalb war das perfekt. Hab es auf meiner persönlichen Seite eingesetzt.

    Paul Bratslavsky, Macher von Coding With Paul

  • Endlich meine persönliche Website mit Neobrutalism.com neu gebaut — spaßige Bibliothek, super einfach zum Starten!

    Cameron Blackwood, Content Creator

  • Neobrutalism.com ist eine meiner liebsten UI-Komponenten-Bibliotheken im Retro-Stil — Komponenten, die wirklich shippen.

    Zhengyang Hou, Indie Hacker

  • eine meiner liebsten ui-bibliotheken fürs web. tolle arbeit — hoffe, es geht steil nach oben.

    Taseen Tanvir, Gründer & Designer

  • Habe gerade Neobrutalism.com Pro ausprobiert — ein UI-Kit, das nicht aussieht wie alles andere. Die neobrutalistischen Blöcke 🔥 machen schräge Layouts deutlich schneller.

    Nitesh Padghan, Ghostwriter

  • Wunderschönes Landingpage-Design mit perfekter Balance und Flow. Die Farbpalette zusammen mit den Animationen schafft eine außergewöhnliche User Experience.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Ich bin wirklich beeindruckt von dem Design, das sie geliefert haben. Das Endergebnis entsprach genau dem, was ich mir vorgestellt hatte.

    Desmond, Mitgründer @ VectorlabsVentures

  • Als Agenturinhaber brauche ich oft Wochen, um Landingpage-Layouts für Kunden zu perfektionieren. Mit Neobrutalism.com stecke ich ein Template ein, passe den Copy an – und bin ship-ready.

    Duke Opoku Amankwah, Gründer @ Midas

  • Die Templates sind nicht nur optisch stark, sondern auch unglaublich gut strukturiert. Sie haben uns Wochen Entwicklungszeit gespart.

    Abiola Braimah, Developer @ Studio IX

  • Hervorragende Qualität und Liebe zum Detail. Das responsive Design funktioniert auf allen Geräten einwandfrei.

    Acromond X., Mitgründer @ VectorlabsVentures

  • Diese Templates in unseren Workflow zu integrieren hat unseren Entwicklungszyklus deutlich verkürzt. Exzellente Arbeit.

    Raquib S., Backend-Entwickler

  • Diese Templates sind unsere Go-to-Ressource geworden. Der Code ist sauber, gut dokumentiert und leicht anpassbar.

    Hallic M., Developer @ AtlasLabs

  • Neobrutalism.com-Templates treffen die perfekte Balance zwischen Ästhetik und Funktionalität. Ein echter Game-Changer für unsere Projekte.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Hervorragender Support und Premium-Templates. Der ROI dieser Templates ist phänomenal.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com-Templates haben komplett verändert, wie wir neue Kundenprojekte angehen. Die Codequalität ist außergewöhnlich und die Designs wirklich world-class.

    Danny G., Gründer von DevStack

  • Ich habe viele Template-Bibliotheken genutzt, aber Neobrutalism.com sticht durch Performance-Optimierung und saubere Code-Architektur heraus.

    Ian D., CTO bei Wavelength

  • Die Animationen und Micro-Interactions in diesen Templates sind absolut beeindruckend. Beste Investition für unser Design-Team.

    Ben S., Lead Designer bei PixelPerfect

  • Als nicht-technischer Gründer haben uns Neobrutalism.com-Templates geholfen, unser MVP in Rekordzeit zu launchen – ohne Designqualität zu opfern. Unsere Investoren waren begeistert.

    Matthew I., Startup-Gründer

  • Ich schätze, wie modular und gut dokumentiert diese Komponenten sind. Wir konnten Teile aus verschiedenen Templates nahtlos mischen.

    Garrett P., Frontend Lead bei TechFusion

  • Der ROI von Neobrutalism.com-Templates ist unglaublich. Wir haben die Entwicklungszeit dramatisch gesenkt und liefern gleichzeitig hochwertigere Sites an unsere Kunden.

    Xavier C., Agentur-Inhaber

Häufig gefragt
Fragen

Wie der Login per QR-Code-Block aufgebaut ist, was du ändern kannst und wann du ihn statt der anderen Layouts hier verwenden solltest.

Problem mit dem Zugriff? E-Mail[email protected]
Get Pro — Save 33%--:--:--