A
Anonymous

Mobile Interface - Copy this React, Tailwind Component to your project

"Quiero crear una interfaz de usuario para una aplicación móvil con un menú que permita deslizar entre pantallas. Cada pantalla debe incluir un encabezado con el título principal y un diseño gráfico representativo del tema (por ejemplo, una casa para 'Homeowners' y una caseta para 'Pets'). A continuación, los detalles de cada pantalla: Pantalla de 'Homeowners': Título principal: 'Homeowners'. Imagen representativa: Una casa estilizada en línea negra. Subtítulo: 'Coverage for your home and stuff, wall to wall and beyond'. Tres íconos circulares con texto debajo: 'Fire and smoke'. 'Extreme weather'. 'Crime and vandalism'. Un botón rosa centrado: 'Check our prices'. Texto debajo del botón: 'Trusted by all major lenders'. 'Starting from $25/month'. Pantalla de 'Pets': Título principal: 'Pets'. Imagen representativa: Una caseta de perro con mascotas alrededor. Subtítulo: 'The coverage your pet actually needs'. Tres íconos circulares con texto debajo: 'Diagnostics & medication'. 'Procedures & hospitalization'. 'Preventative care'. Un botón rosa centrado: 'Check our prices'. Texto debajo del botón: 'Get discounts when you bundle'. 'Starting from just $10/month'. Barra de navegación inferior: Estilo circular, con íconos representativos para cada categoría. Íconos para: Home, Homeowners, Auto, Pets, y Family. Interacciones: Las pantallas deben poder deslizarse de manera horizontal. Los botones deben ser interactivos y destacarse con un efecto de sombra o cambio de color al tocarse. El diseño debe ser moderno, limpio y utilizar una paleta de colores minimalista, similar al ejemplo compartido."

Prompt
Component Preview

About

MobileInterface - A sleek mobile UI with swipeable screens, headers, icons, and buttons. Built with React and Tailwind. View and copy code!

Share

Last updated 1 month ago