Guindou Resizer

Redimensiona la ventana a tus breakpoints Tailwind y simula móvil/tablet. Grupos editables. Una creación MASANI.

Guindou Resizer cambia el tamaño del viewport del navegador a los breakpoints que usas al maquetar, con un clic. Pensada para quien maqueta en HTML y Tailwind y para quien hace QA comparando lo construido contra los frames de Figma. - Presets de fábrica alineados a Tailwind: móvil (6xs–xs), tablet (sm–4md) y escritorio (lg–7xl). - Mide y ajusta el viewport exacto, no solo la ventana. Permite anchos menores a 500 px. - Botón Vertical/Horizontal por grupo (móvil y tablet). - Simulación de dispositivo: user agent, táctil y pointer/hover de móvil o tablet, para que los scripts de la página detecten un dispositivo real. - Todo es editable: agrega, edita, reordena y elimina dimensiones y grupos; restaura los de fábrica cuando quieras. - Exporta tus breakpoints como CSS de Tailwind v4 (@theme) o como JSON. - Tema claro, oscuro o del sistema. Español, English y Português. Para QA: pon el mismo ancho que el frame de Figma (390, 768, 1440…) y revisa espacios, tipografía, qué pasa justo en el breakpoint, menú, imágenes y botones. Nota: para fijar el viewport exacto y simular el dispositivo, Chrome muestra una barra amarilla de depuración. Puedes apagar ese modo en Preferencias. Privacidad: tus preferencias se guardan solo en tu navegador. No se recopila ni se envía ningún dato. Una creación MASANI by Edu Flores.