Seo
Generador robots.txt para crawlers IA
Crea reglas robots.txt para crawlers de IA con plantillas abiertas, selectivas o estrictas.
Herramientas
Pequeñas herramientas web que funcionan en el navegador
Genera etiquetas, limpia detalles de lanzamiento y prepara páginas estáticas sin cuenta ni subidas.
Herramientas SEO
Herramientas para metadatos, indexación, canonical, vistas previas sociales y revisiones de lanzamiento.
Abrir herramienta
Seo
Generador de sitemap hreflang
Crea entradas de sitemap XML con alternativas hreflang para páginas multilingües.
Seo
Generador de etiquetas hreflang
Genera etiquetas hreflang limpias para sitios estáticos multilingües.
Seo
Validador llms.txt
Valida archivos llms.txt según la especificación: H1, blockquote, secciones y enlaces Markdown.
Seo
Generador Open Graph y Twitter Card
Crea meta etiquetas de vista previa social para posts y páginas estáticas.
Seo
Generador OpenSearch Description
Genera un XML OpenSearch Description y un tag link HTML para la barra de búsqueda del navegador.
Seo
Generador de checklist SEO para sitios estáticos
Genera una checklist SEO práctica antes de lanzar un sitio estático.
Seo
Constructor JSON-LD basico
Genera JSON-LD basico para WebSite, Organization, Article, FAQ o BreadcrumbList.
Seo
Generador de metaetiquetas viewport
Genera un conjunto completo de metaetiquetas viewport, theme-color y Apple touch icon.
Seo
Constructor sitemap.xml estático
Pega una lista de URLs y obten un archivo sitemap.xml completo para hosting estático y GitHub Pages.
Seo
Generador de reglas de especulacion
Genera JSON Speculation Rules para prerendering y prefetching de páginas en Chrome y Edge.
Seo
Generador de cabecera Permissions-Policy
Genera una cabecera HTTP Permissions-Policy para controlar el accesoà las funciones del navegador en tu sitio.
Seo
Generador de politica CSP para sitios estáticos
Genera una cabecera Content-Security-Policy para sitios estáticos con opciones de CDN, analiticas, fuentes y embebidos.
Seo
Generador de front matter Markdown
Genera bloques YAML front matter para Jekyll, Hugo, Astro, 11ty y otros generadores de sitios estáticos.
Seo
Generador de feed JSON Feed
Genera un archivo JSON Feed para tu blog estático cómo alternativa moderna al RSS.
Seo
Generador de etiqueta Referrer-Policy
Genera un encabezado o meta tag Referrer-Policy para controlar información de referrer.
Seo
Generador de cabecera X-Robots-Tag
Genera cabeceras HTTP X-Robots-Tag y etiquetas meta robots para archivos no HTML como PDFs e imágenes.
Herramientas HTML
Ayudas para etiquetas HTML, head markup, snippets y flujos de publicación.
Html
Generador de regiones ARIA live
Crea regiones ARIA live accesibles para anuncios de lectores de pantalla.
Html
Generador de hash CSP
Genera valores hash CSP para scripts y estilos inline. Hashea el código exacto con SHA-256, SHA-384 o SHA-512.
Html
Customizable Select Generator
Generate CSS for customizable select elements using appearance: base-select, picker icons, checkmarks, and open/closed state styling.
Html
Generador de Shadow DOM declarativo
Crea snippets HTML para Shadow DOM declarativo con CSS aislado, slots y renderizado del servidor.
Html
HTML Invoker Command Generator
Generate declarative command buttons for dialogs, popovers, and disclosure elements using the Invoker Commands API. No JavaScript needed.
Html
Generador de config Sanitizer HTML
Crea configuraciones de lista permitida para Sanitizer API y DOMPurify para renderizado HTML seguro.
Html
Generador de hash SRI
Genera hashes Subresource Integrity para archivos script y stylesheet con SHA-256, SHA-384 o SHA-512.
Html
Generador HTML link rel
Genera etiquetas link para preload, preconnect, dns-prefetch, canonical y alternate.
Html
Generador de iframe responsive
Crea marcado iframe responsive para videos, mapas, demos y documentación.
Html
Comprobador de jerarquia HTML
Pega HTML y visualiza el árbol de encabezados. Encuentra niveles saltados y h1 faltantes.
Html
Estimador de tiempo de lectura
Calcula el tiempo de lectura estimadoà partir del recuento de palabras y velocidad ajustable.
Html
Referencia rapida de entidades HTML
Busca y copia entidades HTML comunes: flechas, guiones, comillas y simbolos.
Html
Generador HTML popover
Genera marcado popover HTML nativo usando popovertarget y la API Popover sin JavaScript.
Html
Generador iframe sandbox y allow
Genera marcado iframe seguro con banderas sandbox y permisos allow por tipo de insercion.
Html
Generador de indice con anclas
Pega HTML con encabezados y obten un indice anidado con enlaces de anclaje.
Html
Generador HTML de dialogo modal
Genera un dialogo modal HTML nativo con botones de abrir y cerrar.
Html
Generador de página de redirección sin JS
Genera una página HTML de redirección completa usando meta refresh sin JavaScript.
Html
Generador de plantilla página 404 estática
Genera una página 404 amigable con enlaces de navegación para sitios estáticos.
Html
Generador de enlace de salto accesible
Genera un enlace de salto accesible con CSS para navegación por teclado.
Html
Comprobador de landmarks HTML
Pega HTML y verifica elementos landmark ARIA para navegación con lector de pantalla.
Html
Generador de atributos input
Genera elementos input HTML con atributos específicos por tipo para formularios.
Html
Generador de atributo fetchpriority
Genera atributos fetchpriority para imágenes, scripts y etiquetas link.
Html
Constructor de etiquetas preload
Genera etiquetas link preload correctas para fuentes, imágenes hero, CSS y scripts.
Html
Generador de etiquetas modulepreload
Genera etiquetas link modulepreload para modulos ES en Vite, Astro y sitios estáticos modernos.
Html
Constructor de atributos de carga de imagen
Crea etiquetas img optimizadas combinando loading, decoding y fetchpriority.
Html
Generador de acordeon HTML details
Genera acordeones FAQ con elementos nativos details y summary sin JavaScript.
Html
Generador de atributos de enlace externo
Genera marcado de enlace externo con atributos rel correctos para seguridad y SEO.
Html
Constructor de estrategia de carga de script
Genera etiquetas script con la estrategia correcta — normal, defer, async o type module.
Html
Generador de snippets Navigation API Router
Genere snippets de enrutamiento JavaScript con la API Navigation para SPAs, sin History API.
Html
Generador de plantillas Service Worker modulo ES
Genere plantillas de service workers en modulo ES con estrategias de cache, lista de precache y soporte offline.
Html
Generador de politicas Trusted Types
Genere politicas Trusted Types y cabeceras CSP para prevenir XSS basado en DOM con valores tipados para sumideros DOM peligrosos.
Html
Probador de URLPattern
Pruebe patrones de URL con la API URLPattern — grupos nombrados, comodines y coincidencia regex sin analisis manual.
Html
Generador contenteditable=plaintext-only
Genere HTML accesible con contenteditable=plaintext-only para entrada de texto plano sin formato enriquecido.
Html
Generador de input de carga de directorio
Genere inputs HTML con webkitdirectory para carga de carpetas, zona de arrastrar y soltar y lista de archivos con webkitRelativePath.
Html
Generador de snippet scrollend
Genere manejadores de evento scrollend que se disparan tras el desplazamiento completo con inercia, con comparacion debounce.
Html
Generador de snippet PerformanceObserver
Genere codigo PerformanceObserver para Core Web Vitals (LCP, INP, CLS) con umbrales good/needs-improvement/poor.
Html
Conversor Uint8Array Base64/Hex
Genere snippets con Uint8Array.toBase64(), .toHex(), .fromBase64() y .fromHex() para codificacion binaria nativa.
Html
Ayudante RegExp.escape()
Genere llamadas RegExp.escape() para escapar caracteres especiales en cadenas para patrones regex dinamicos seguros.
Html
Generador Intl.DurationFormat
Genere codigo Intl.DurationFormat para formato de duracion localizado con estilos long/short/narrow/digital.
Html
Generador de API Custom Highlights
Genere pseudoelementos CSS ::highlight() y objetos Highlight JavaScript para estilizar rangos de texto sin modificar el DOM.
Html
Ayudante WebTransport URL Template
Genere snippets de conexion WebTransport via HTTP/3 (QUIC) con streams bidireccionales y datagramas.
Html
Generador de popover interest invoker
Genere HTML declarativo con interestfor para popovers activados por hover y focus sin JavaScript.
Html
Generador de snippet ARIA Notify
Genere llamadas ariaNotify() para anuncios programaticos de lectores de pantalla con fallback aria-live.
Html
Formateador y validador JSON
Formatee, valide, minifique y visualice datos JSON en arbol. Detecta comas finales y muestra posiciones de error. Todo el procesamiento ocurre localmente en su navegador.
Html
Convertidor JSON a CSV
Convierta arrays JSON a CSV o TSV. Aplane objetos anidados con notacion de puntos, elija delimitadores e incluya filas de encabezado.
Html
Convertidor YAML-JSON
Convierta bidireccionalmente entre YAML y JSON. Maneja estructuras anidadas, arrays y valores escalares. Ideal para archivos de configuracion.
Html
Probador JSONPath
Pruebe expresiones JSONPath contra datos JSON. Soporta notacion de puntos, comodines, filtros e indices de array. Muestra resultados coincidentes.
Html
Generador y validador de esquema JSON
Genere un esquema JSON a partir de datos de muestra o valide JSON contra un esquema. Soporta multiples drafts y deduce tipos automaticamente.
Html
Probador y Depurador de Expresiones Regulares
Pruebe expresiones regulares con resaltado de coincidencias, grupos de captura y vista previa de reemplazo. Todo el procesamiento es local en el navegador.
Html
Decodificador JWT e Inspector de Claims
Decodifique tokens JWT para inspeccionar el encabezado, los claims del payload y las marcas de tiempo. Toda la decodificación ocurre localmente – ningún token se envía a ningún servidor.
Html
Codificador y Decodificador Base64
Codifique texto a Base64 o decodifique Base64 a texto. Soporta la variante Base64 segura para URL. Todo el procesamiento es local.
Html
Codificador y Decodificador de URL
Codifique o decodifique cadenas codificadas en URL. Soporta los modos encodeURIComponent (completo) y encodeURI (seguro para URL).
Html
Analizador y Constructor de Cadenas de Consulta
Analice cadenas de consulta de URL en tablas clave-valor, o construya cadenas de consulta a partir de parámetros. Detecta duplicados y ordena parámetros.
Html
Generador de UUID
Genere identificadores UUID v4 (aleatorio) o v7 (ordenados por tiempo) con opciones configurables
Html
Convertidor de Timestamp Unix
Convierta entre timestamps Unix y fechas legibles con soporte de zona horaria
Html
Constructor de Expresion Cron
Construya y comprenda expresiones de programacion cron con preajustes o campos personalizados
Html
Verificador de Diferencias de Texto
Compare dos textos linea por linea o lado a lado con resaltado visual
Html
Generador de Hash y HMAC
Genere hashes criptograficos y codigo JavaScript HMAC usando la Web Crypto API
Html
Editor de Vista Previa Markdown
Editor Markdown de pantalla dividida con vista previa en vivo de GitHub-Flavored Markdown. Compatible con encabezados, negrita/cursiva, enlaces, bloques de codigo, tablas y listas de tareas.
Html
Generador de Codigos QR
Genere codigos QR como SVG para URL, texto, correo electronico, telefono y WiFi. Colores y tamano personalizables.
Html
Compresor y Conversor de Imagenes
Comprima y convierta imagenes localmente usando Canvas API. JPEG/PNG/WebP. Sin carga al servidor.
Herramientas CSS
Generadores CSS para layouts responsive, espaciado, pulido móvil y detalles de interfaz.
Css
Calculadora de unidades container query
Calcula valores clamp() con unidades de consulta de contenedor para tamaños responsive por componente.
Css
CSS Carousel Generator
Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.
Css
CSS Scroll-State Query Generator
Generate CSS scroll-state() container queries for styling snapped, stuck, or scrollable elements. Includes JavaScript fallback for cross-browser support.
Css
Generador de layout Subgrid CSS
Crea CSS de grid padre y subgrid hijo con alineación compartida de pistas.
Css
Generador de anillo de foco CSS
Crea reglas CSS :focus-visible accesibles con outline o box-shadow y verificación de contraste.
Css
Generador CSS safe-area-insets
Genera CSS para areas seguras en telefonos con notch o esquinas redondeadas.
Css
Comprobador de contraste CSS
Comprueba la relacion de contraste entre dos colores segun las normas WCAG.
Css
Constructor box-shadow CSS
Construye visualmente declaraciones box-shadow ajustando desplazamiento, desenfoque, extension y color.
Css
Generador CSS Flexbox
Genera CSS flexbox y esqueleto HTMLà partir de las propiedades flex selecciónadas.
Css
Constructor border-radius CSS
Define cada esquina redondeada y genera la declaración CSS border-radius.
Css
Comprobador de tamaño táctil
Verifica elementos interactivos según WCAG 2.2 tamaño mínimo (2.5.8) con resultados AA/AAA y recomendaciones CSS.
Css
View Transition Builder
Generate View Transitions API CSS and JavaScript for smooth page and element transitions. Same-document (SPA) and cross-document (MPA) support with reduced-motion fallback.
Css
Planificador de capas CSS
Planifica el orden @layer y genera una estructura de capas CSS con reglas de ejemplo.
Css
Generador CSS content-visibility
Genera CSS para content-visibility y contain-intrinsic-size para acelerar páginas largas.
Css
Generador CSS overscroll-behavior
Genera CSS overscroll-behavior para controlar pull-to-refresh y encadenamiento de desplazamiento.
Css
Generador CSS scroll-snap
Genera reglas CSS scroll-snap para carruseles, galerias y desplazamiento horizontal.
Css
Generador de container queries CSS
Genera reglas @container CSS para diseno responsive basado en componentes.
Css
Calculadora de relacion de aspecto
Calcula valores CSS aspect-ratio y fallbacks padding-bottom para evitar layout shift.
Css
Generador de unidades viewport dinamicas
Genera CSS con unidades viewport dinamicas (dvh, svh, lvh) con fallbacks.
Css
Conversor de propiedades lógicas CSS
Convierte propiedades CSS físicas en lógicas para diseños RTL y multilingües.
Css
Generador CSS anchor positioning
Genera reglas CSS anchor positioning para tooltips, dropdowns y callouts.
Css
Generador de animaciones de desplazamiento
Genera animaciones CSS de desplazamiento con animation-timeline.
Css
Generador de funcion CSS light-dark()
Genera reglas CSS color-scheme y light-dark() para modo oscuro.
Css
Generador CSS color-mix()
Genera llamadas color-mix() CSS para estados hover, bordes, fondos y texto atenuado.
Css
Generador de sintaxis de color relativa CSS
Genera sintaxis de color relativa CSS para variantes alfa, claras, oscuras y ajustadas.
Css
Generador de estilos de impresion CSS
Genera una hoja de estilo de impresion para ocultar navegación y mostrar URLs.
Css
Generador de funcion CSS contrast-color()
Genere expresiones contrast-color() CSS que seleccionan automaticamente el color de texto mas legible de una lista.
Css
Generador de CSS attr() tipado
Genere expresiones attr() tipadas con conversion de tipos para estilos CSS basados en atributos de datos.
Css
Constructor de funcion CSS if()
Cree condicionales CSS if() usando condiciones style(), media() y supports() para valores responsivos sin consultas @media.
Css
Generador CSS de sibling-index y sibling-count
Genere CSS con sibling-index() y sibling-count() para estilos basados en posicion DOM sin selectores nth-child.
Css
Calculadora de funcion CSS progress()
Calcule valores de la funcion CSS progress() para animaciones basadas en scroll y mapeo de valores.
Css
Generador de dimensionamiento CSS stretch
Genere CSS usando la palabra clave stretch para dimensionamiento fill-available en layouts block, flex, grid y absolutamente posicionados.
Css
Constructor CSS text-indent hanging/each-line
Genere declaraciones text-indent CSS con palabras clave hanging y each-line para sangria francesa y sangria tras saltos de linea.
Css
Calculadora de unidades CSS root-relative
Calcule equivalentes en pixeles para unidades rcap, rch, rex y ric basadas en el tamano de fuente raiz. Compare con rem.
Css
Generador de funcion CSS shape()
Genere funciones CSS shape() para formas no rectangulares con clip-path y shape-outside.
Css
Constructor de reglas CSS @scope
Genere reglas CSS @scope para estilizar subarboles DOM sin BEM ni CSS Modules.
Css
Optimizador SVG
Optimice archivos SVG eliminando comentarios, metadatos y espacios. Comparacion antes/despues. Procesamiento local.
Css
Convertidor SVG a URI de Datos CSS
Convierta SVG a URI de datos CSS. Opciones URL-codificado y Base64 con vista previa en vivo.
Css
Generador de Gradientes CSS
Constructor visual de gradientes CSS lineales, radiales y cónicos con vista previa en vivo. Ajuste ángulo, paradas de color y posiciones. Copie CSS limpio.
Css
Generador de Filtros CSS
Editor visual de filtros CSS con nueve funciones de filtro y vista previa en vivo. Pruebe en muestra de degradado o URL de imagen opcional. Copie CSS limpio.
Css
Generador de Sombra de Texto CSS
Cree sombras de texto CSS multicapa con ajustes preestablecidos neón, resplandor, 3D y contorno. Personalice texto, tamaño y hasta tres capas. Vista previa en vivo.
Css
Generador de Animaciones CSS Keyframes
Nueve ajustes preestablecidos de animación (fade, slide, scale, spin, pulse, bounce, shake) con duración, easing e iteración personalizables. Vista previa en vivo.
Css
Generador de Transformaciones 3D CSS
Constructor visual de transformaciones 3D CSS con controles de rotación, traslación, escala, perspectiva y origen. Tarjeta de vista previa en vivo.
Herramientas de imágenes y assets
Ayudas locales para iconos, marcado de imagen, rutas de assets y archivos estáticos.
Assets
Generador de zona segura de icono PWA
Sube un icono y previsualiza la zona segura maskable PWA con superposición.
Assets
Generador de marcado de imagen responsive
Crea marcado img o picture con srcset, sizes, ancho, alto y texto alt.
Assets
Generador de manifiesto de app web
Genera un archivo JSON site.webmanifest para sitios estáticos listos para PWA.
Assets
Validador de manifiesto web
Valida un manifiesto web JSON contra la especificación W3C con lista de verificación de instalabilidad.
Herramientas GitHub Pages
Herramientas para dominios personalizados, publicación estática, revisiones de lanzamiento y mantenimiento.
Github Pages
Generador Assetlinks & AASA
Genera assetlinks.json de Android y Apple App Site Association para enlaces profundos.
Github Pages
Generador de cabecera Cache-Control
Crea cabeceras HTTP Cache-Control correctas para assets estáticos, páginas HTML y contenido sensible.
Github Pages
Generador de cabeceras COOP/COEP/CORP
Configura cabeceras de aislamiento cross-origin para SharedArrayBuffer, WASM y seguridad.
Github Pages
Generador de cabeceras CORS
Genera cabeceras HTTP CORS para cualquier configuración de origen, métodos y credenciales.
Github Pages
Analizador de cabeceras HTTP
Pega cabeceras HTTP sin procesar y obtén una explicación agrupada en lenguaje claro de cada una.
Github Pages
Asistente CNAME para GitHub Pages
Crea contenido CNAME y notas DNS para un dominio de GitHub Pages.
Github Pages
Conversor de mapa de redirecciones
Convierte una tabla CSV de redirecciones a formatos Netlify, Vercel, Apache o Nginx.
Github Pages
Generador & validador security.txt
Genera y valida archivos security.txt según RFC 9116 con guía de alojamiento.
Github Pages
Ayudante 404 para SPA en GitHub Pages
Crea un fallback 404.html para aplicaciones de una sola página en GitHub Pages.
Github Pages
Generador de claves VAPID
Genera un par de claves VAPID para notificaciones Web Push usando la API Web Crypto.
Github Pages
Referencia rapida de registros DNS
Ingresa un dominio y obtén ejemplos de registros A, AAAA, CNAME, MX y TXT.
Github Pages
Generador de workflow GitHub Pages
Genera un YAML de workflow de GitHub Actions para desplegar sitios estáticos en GitHub Pages.
Github Pages
Generador de cabeceras Reporting API
Genere cabeceras HTTP Report-To y Reporting-Endpoints para informes del navegador, violaciones CSP y Network Error Logging.
Github Pages
Ayudante de cabecera de compresion Zstandard
Genere configuracion de servidor para compresion Zstandard con fallback gzip/brotli para Nginx, Apache, Cloudflare y Netlify.