AuthentifizierungBlöcke
Anmelde- und Registrierungsseiten. Fertige React-UI-Blöcke im neobrutalistischen Stil — Heroes, Pricing, Auth, Dashboards und mehr. Schau sie dir in jeder Bildschirmgröße an, kopiere den Code oder installiere sie über deinen AI-Agenten und unseren MCP-Server. Läuft mit Radix UI, Base UI und React Aria.
- 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
Jeden Layout erkunden
Authentifizierung
7 Blöcke — öffne eine beliebige Karte für eine Vollbildvorschau, den Code und Installationsschritte.
- 01Pro
Illustriertes Login-Formular
Login-Formular, dessen Illustration außerhalb der Karte bleibt, mit vollbreiten Google- und Apple-Buttons. React und Tailwind, an deine Route anbinden.
- 02Pro
Registrierung per Magic Link
Passwortlose Registrierung: E-Mail-Feld, Senden-Button, AGB-Zeile – kein erfundenes Passwort. React-und-Tailwind-Markup, an deinen Mailer anbinden.
- 03Pro
Minimale Login-Karte
Zwei Pflichtfelder und ein Button auf flächiger Farbe, ohne Anbieter und ohne Client-JavaScript. React und Tailwind – action ergänzen und live schalten.
- 04Pro
Login per QR-Code
Scanbares QR-Panel neben E-Mail und Passwort: ein angemeldetes Smartphone autorisiert den Desktop. React und Tailwind, inklusive Refresh-Button.
- 05Pro
Login-Karte mit Social-Buttons
Umrandete Login-Karte mit farbiger Kopfleiste, Angemeldet-bleiben sowie GitHub- und Google-Button unter der Trennlinie. React und Tailwind, passt überall.
- 06Pro
Sign-up mit Passwort-Check
Registrierungsformular mit drei Passwortregeln, die live beim Tippen abhaken, plus Namensfelder und Einwilligung. React und Tailwind, Regeln spiegeln.
- 07Pro
Login im Splitscreen
Login, mittig geteilt: zuerst die Anbieter, darunter E-Mail und Passwort, rechts randlose Grafik. React und Tailwind, eigenes Bild einsetzen.