Crea un header listo para producción llamado «Comercio Océano» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición mega, color principal…
Componente · Headers
Header SaaS Aurora
Prompt
Crea un header listo para producción llamado «SaaS Aurora» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición glass, color principal #7c3aed, secundario #ec4899 y fondo #09090b. Implementa sticky con sombra al hacer scroll, logotipo, navegación principal, estado activo, CTA, buscador, estilos compatibles con temas, menú de usuario y navegación móvil. Los desplegables deben funcionar con teclado, Escape, gestión del foco, clic exterior, aria-expanded, aria-controls y landmarks nav semánticos. Evita interacciones disponibles solo mediante hover. Incluye estados para escritorio, tablet y móvil, reducción de movimiento, contraste WCAG AA, integración con rutas y datos de navegación tipados reutilizables. Devuelve el componente completo, dependencias y ejemplo de uso; no incluyas logotipos protegidos ni claves secretas.
- Tipo
- Componente · Headers
- Tecnología
- React, TypeScript, Tailwind CSS, shadcn/ui
- Header
- glass
- Sticky
- Navigation
- E-commerce
«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 header listo para producción llamado «IA Medianoche» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición centered, color principal…
Crea un header listo para producción llamado «Editorial Cálido» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición editorial, color principal…
Crea un header listo para producción llamado «Finanzas Esmeralda» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición corporate, color…
Crea un header listo para producción llamado «Creador Coral» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición floating, color principal…
Crea un header listo para producción llamado «Brutalista Mono» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición brutal, color principal…
Crea un header listo para producción llamado «Bienestar Lavanda» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición pill, color principal…
Crea un header listo para producción llamado «Terminal Cyber» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición terminal, color principal…