Authentificationblocs
Écrans de connexion et d’inscription. Des blocs UI React prêts à l'emploi au style néobrutaliste — sections hero, tarifs, authentification, dashboards et plus encore. Prévisualisez chaque taille d'écran, copiez le code, ou installez-les via votre agent IA et notre serveur MCP. Compatible avec Radix UI, Base UI et React Aria.
- Hero, tarifs & auth
- Aperçu à chaque breakpoint
- Copiez le code
- Installable via MCP
- Radix · Base UI · React Aria
- 158 blocs prêts à l'emploi
- Sections de page qui livrent
- Dashboards & marketing
- Pro débloque le code
- Layouts prêts à coller
Explorez toutes les dispositions
Authentification
7 blocs — ouvrez n’importe quelle carte pour un aperçu plein écran, le code et les étapes d’installation.
- 01Pro
Formulaire de connexion illustré
Formulaire avec illustration hors carte, et boutons Google et Apple pleine largeur empilés dessous. React et Tailwind, à connecter à votre route.
- 02Pro
Inscription par lien magique
Inscription sans mot de passe : un champ email, un bouton d'envoi et la mention des conditions. React et Tailwind, à relier à votre service d'emailing.
- 03Pro
Carte de connexion minimale
Deux champs obligatoires et un bouton sur fond de couleur unie, sans fournisseur ni JavaScript client. React et Tailwind, ajoutez votre action.
- 04Pro
Connexion par code QR
Code QR scannable à côté de l'email et du mot de passe habituels, pour qu'un téléphone déjà connecté autorise le bureau. Bouton d'actualisation inclus.
- 05Pro
Carte de connexion sociale
Carte de connexion encadrée : bandeau teinté, « se souvenir de moi » et boutons GitHub/Google sous le séparateur. React et Tailwind, s'adapte partout.
- 06Pro
Inscription avec liste de contrôle
Formulaire d'inscription dont les règles de mot de passe se cochent en direct, avec nom et consentement. React et Tailwind ; répliquez côté serveur.
- 07Pro
Connexion en écran partagé
Connexion coupée en deux : fournisseurs en haut, email et mot de passe en dessous, illustration plein cadre à droite. React et Tailwind, à personnaliser.