Regex Visualizer
Mirá la estructura de un patrón regex como un diagrama — no solo si coincide.
Diagrama
Explicación en lenguaje simple
Texto de prueba (opcional)
Cómo lee esta herramienta un patrón regex
La mayoría de las herramientas de regex solo te dicen si un patrón coincide con un texto. Esta interpreta el patrón mismo — con un parser recursivo-descendente real, no con una tabla de coincidencias — en un árbol de sintaxis, y luego renderiza ese árbol de dos formas: un diagrama de estructura y una explicación en lenguaje simple. Es útil para leer el regex de otra persona, revisar un patrón en un pull request, o entender un patrón que escribiste hace seis meses:
Patrón: /^(\w+)@(\w+\.\w+)$/
Diagrama: [inicio]──Grupo 1: \w+──"@"──Grupo 2: \w+──"."──\w+──[fin]
Explicación: El inicio del string. Grupo 1: uno o más caracteres de palabra.
El texto literal "@". Grupo 2: uno o más caracteres de palabra,
luego el texto literal ".", luego uno o más caracteres de palabra.
El final del string.
Cada caja del diagrama se colorea según el tipo de nodo — las clases de caracteres, los grupos y las insignias de cuantificador tienen cada uno su propio color — y su tamaño se calcula a partir de la estructura real del patrón antes de dibujar nada, para que los grupos anidados y las alternancias largas se mantengan legibles en lugar de superponerse.
Preguntas frecuentes
¿Esta herramienta prueba mi regex contra un texto?
Esta herramienta se enfoca en la estructura del patrón, no en el matching. Incluye un campo de texto de prueba opcional para verlo en acción, pero para probar coincidencias completas con detalle de grupos de captura, usá RegexLens.
¿Qué sintaxis de regex soporta?
Un subconjunto compatible con RegExp de JavaScript: grupos capturantes, no capturantes y con nombre, alternancia, todos los cuantificadores (incluidos los perezosos), clases de caracteres con rangos y negación, anclas, backreferences y lookaround. Se interpreta con un parser recursivo-descendente real, no con coincidencia de strings.
¿Qué pasa si mi patrón tiene un error de sintaxis?
El diagrama y la explicación se reemplazan por un mensaje de error claro que muestra exactamente dónde está el problema, como un grupo o una clase de caracteres sin cerrar.
¿Es seguro pegar patrones o texto sensibles acá?
Sí. Todo el procesamiento y renderizado ocurre en tu navegador con JavaScript nativo; nunca se envía nada a un servidor.