Crea un componente de inicio de sesión listo para producción llamado «Editorial cálido» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Componente · Login
Login SaaS medianoche
Prompt
Crea un componente de inicio de sesión listo para producción llamado «SaaS medianoche» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout dark, color principal #6366f1, secundario #22d3ee y fondo #09090b. Incluye correo, contraseña, mostrar/ocultar contraseña, recordarme, recuperar contraseña, crear cuenta, autenticación mediante Enlace mágico, estados de carga, deshabilitado, validación, error del servidor y éxito. Usa labels semánticos, navegación por teclado, foco visible, autocomplete, errores con aria-live, contraste WCAG AA y diseño responsive. Mantén la autenticación en el servidor, cookies HttpOnly seguras, protección CSRF, rate limiting y mensajes genéricos para credenciales incorrectas. Devuelve componente reutilizable, esquema, ejemplo de integración y dependencias; nunca incluyas claves secretas.
- Tipo
- Componente · Login
- Tecnología
- React, TypeScript, Tailwind CSS, shadcn/ui
- Login
- dark
- magic
- Responsive
- SaaS
«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.
Ideas parecidas
Crea un componente de inicio de sesión listo para producción llamado «Finanzas esmeralda» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Crea un componente de inicio de sesión listo para producción llamado «Creador coral» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Crea un componente de inicio de sesión listo para producción llamado «Brutalista monocromo» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Crea un componente de inicio de sesión listo para producción llamado «Bienestar lavanda» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Crea un componente de inicio de sesión listo para producción llamado «Terminal cibernética» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Crea un componente de inicio de sesión listo para producción llamado «Empresa azul» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…
Crea un componente de inicio de sesión listo para producción llamado «Boutique rosa» con React, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form y Zod. Usa un layout…