Tailwind Detector

Automatically detects if a website uses Tailwind CSS, shows the version, and lights up the icon in real time.

Tailwind Detector es una extensión ligera para desarrolladores que detecta automáticamente si el sitio web que estás visitando usa Tailwind CSS, sin necesidad de hacer click. CARACTERÍSTICAS - Detección automática por pestaña: el icono se enciende en verde cuando detecta Tailwind, sin acciones manuales. - Identificación de versión: muestra la versión exacta cuando está disponible (v3.4.1, v4.0.14, etc.) o la rama mayor cuando el build eliminó los comentarios. - Soporte completo para Tailwind CSS v3 y v4: detecta las nuevas firmas de v4 (@theme, @utility, @property --tw-*) y las clásicas de v3. - Interfaz limpia con tema oscuro y claro: respeta la preferencia del sistema y permite override manual. - Cero telemetría: no recolecta datos, no envía nada a servidores externos, todo el análisis ocurre localmente en tu navegador. - Optimizada: usa fetch paralelo con priorización inteligente para identificar la versión rápido incluso en sitios con muchos chunks de CSS. CÓMO FUNCIONA La extensión analiza las hojas de estilo cargadas en la página buscando firmas propias de Tailwind CSS: comentarios del compilador (/*! tailwindcss v... */), custom properties --tw-*, at-rules específicas de v4 (@theme, @utility), y tokens del sistema de diseño (--color-*, --spacing-*, etc.). Ideal para desarrolladores front-end que trabajan con Tailwind, para inspeccionar competencia, o para saber rápidamente qué versión está usando cualquier sitio.