Crea un componente tipográfico listo para producción llamado «Titular de color dividido» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «One…
Componente · Texto
Tarjeta de texto glass
Prompt
Crea un componente tipográfico listo para producción llamado «Tarjeta de texto glass» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Clarity in every detail.» con dirección glass, alineación center, tratamiento tipográfico sans y colores #ef4444, #f472b6 y #fff1f2. Incluye tipografía fluida responsive con clamp(), saltos de línea equilibrados, niveles de encabezado semánticos, texto real seleccionable, compatibilidad dark/light, fallbacks seguros y sin layout shift. Si tiene animación, usa transform/opacity, respeta prefers-reduced-motion, conserva el orden de lectura para lectores de pantalla y pausa movimientos continuos fuera del viewport. Verifica contraste WCAG AA. Devuelve props tipadas reutilizables, código del componente, demo, dependencias e instrucciones de integración.
- Tipo
- Componente · Texto
- Tecnología
- React, TypeScript, Tailwind CSS, Framer Motion
- Typography
- glass
- sans
- Animated
- Hero
«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 tipográfico listo para producción llamado «Display con brillo neón» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «ENTER THE…
Crea un componente tipográfico listo para producción llamado «Hero SaaS minimalista» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Work…
Crea un componente tipográfico listo para producción llamado «Tipografía póster brutalista» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «BREAK…
Crea un componente tipográfico listo para producción llamado «Serif de moda lujosa» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Quiet…
Crea un componente tipográfico listo para producción llamado «Onda de fuente variable» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Shape…
Crea un componente tipográfico listo para producción llamado «Anuncio marquee» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «NEW COLLECTION ·…
Crea un componente tipográfico listo para producción llamado «Texto resaltado con marcador» usando React, TypeScript, Tailwind CSS y Framer Motion. Muestra el texto exacto «Ideas…