G/S — 828 / MIEMBRO
Novax XR Interactive
Sección ecommerce XR futurista dentro de un marco de dispositivo, con tabs VR/AR/MR, buscador, variantes, inclinación 3D, favoritos, carrito animado, oferta y túnel Canvas.
Una sección de producto XR convertida en una interfaz completa
Novax XR Interactive Product Section presenta una tienda de gafas VR/AR/MR dentro de un marco de dispositivo oscuro con navegación lateral, pestañas de categoría, búsqueda y una composición de producto protagonista. El visor cambia de color según la categoría y el modelo seleccionado, mientras las miniaturas permiten alternar variantes sin recargar la página.
La interacción incluye inclinación 3D de las gafas al mover el puntero, indicador deslizante en la navegación, favoritos, contador de carrito con animación de vuelo, mensajes toast, buscador con sugerencias accesible por teclado y una oferta inferior con cuenta atrás. El fondo se genera en tiempo real mediante Canvas 2D para simular un túnel tecnológico en movimiento.
El recurso está construido con HTML, CSS, SVG inline, Canvas y JavaScript nativo. Usa Michroma para la tipografía display y Manrope para la interfaz, es responsive, contempla prefers-reduced-motion y no realiza compras, pagos ni peticiones externas: carrito, oferta y búsqueda son simulaciones locales listas para conectar a un backend real.
DEMO / EN VIVO
Previsualiza
DEMO / LISTA PARA CARGAR
PROMPT MAESTRO / MIEMBRO
Constrúyelo.
Obtén las instrucciones de dirección artística, estructura, comportamiento y tecnología necesarias para recrear una experiencia equivalente con tu herramienta de desarrollo asistido por IA.