Regex Visual Explainer

Free

Paste any regex and see every token explained visually with color-coded blocks.

Presets:

Regex Pattern

Visual Breakdown

[a-zA-Z0-9._%+-]charclassAny character in: a-zA-Z0-9._%+-

+quantifier1 or more times (greedy — as many as possible)

@literalLiteral character "@"

[a-zA-Z0-9.-]charclassAny character in: a-zA-Z0-9.-

+quantifier1 or more times (greedy — as many as possible)

\.escapedEscaped literal "."

[a-zA-Z]charclassAny character in: a-zA-Z

{2,}quantifierAt least 2 times

Test String

Matches

2 matches

Contact: alice@example.com or bob@company.org — invalid: @missing, nodomain@

Tokens

Groups

Matches

Color Legend

LiteralChar ClassAnchorQuantifierGroupLookaheadAlternationEscapedBackref

Reviews