Authenticatieblokken
Aanmeld- en registratieschermen. Kant-en-klare React UI-blokken met een neobrutalistische look — heroes, pricing, auth, dashboards en meer. Bekijk ze op elk schermformaat, kopieer de code of installeer via je AI-agent en onze MCP-server. Werkt met Radix UI, Base UI en React Aria.
- Hero's, prijzen & auth
- Elk breekpunt vooraf bekijken
- Kopieer de brontekst
- MCP klaar voor installatie
- Radix · Base UI · React Aria
- 158 kant-en-klare blokken
- Paginadelen die worden geleverd
- Dashboards en marketing
- Pro ontgrendelt de code
- Drop-in-indelingen
Bekijk elk ontwerp
Authenticatie
7 blokken — open een willekeurige kaart voor een volledig schermvoorbeeld, de code en installatiesstappen.
- 01Pro
Login met illustratie
Loginformulier met illustratie buiten de kaart, en full-width knoppen voor Google en Apple eronder. React en Tailwind, koppel het aan je route.
- 02Pro
Magic link registratie
Wachtwoordloos registreren: één e-mailveld, een verzendknop en de voorwaardenregel. React en Tailwind markup, koppel je mailer.
- 03Pro
Minimale inlogkaart
Twee verplichte velden en één knop op een effen canvas, zonder providers en zonder client-JavaScript. React en Tailwind; voeg je action toe en publiceer.
- 04Pro
QR-code inlogformulier
QR-paneel naast de gebruikelijke e-mail en wachtwoord, zodat een al ingelogde telefoon de desktop autoriseert. React en Tailwind, incl. vernieuwknop.
- 05Pro
Inlogkaart met sociale login
Omrande inlogkaart met getinte kopstrook, 'onthoud mij' en GitHub/Google-knoppen onder de scheidingslijn. React en Tailwind, past in elke container.
- 06Pro
Registratie met checklist
Registratieformulier met drie wachtwoordregels die live afvinken tijdens het typen, plus naamvelden. React en Tailwind; spiegel de regels op je server.
- 07Pro
Split Screen loginformulier
Login in tweeën gesplitst: eerst providers, dan e-mail en wachtwoord eronder, rechts randloze illustratie. React en Tailwind, vervang de afbeelding.