Build regex by clicking blocks.

How it works

Each block represents one part of your regex. Add blocks in the order they should appear in the pattern, configure each block's options (e.g. literal text, character set, quantifier), and the generated regex updates instantly above.

This is the opposite of the railroad diagram: the diagram shows what an existing regex looks like; the visual editor builds a regex from scratch by composition.

When to use this

• You're new to regex — clicking blocks is easier than memorizing \d vs \w vs \s.
• You need to teach someone — the visual representation is easier to explain than syntax.
• You're documenting an existing pattern — break it down into blocks and screenshot for code review.

When the typed editor is better

• You already know regex — typing ^\d{3}-\d{4}$ is faster than clicking 7 blocks.
• You need advanced features — lookarounds, backreferences, possessive quantifiers aren't blocks yet.
• You're porting a pattern from somewhere — paste it into the explainer instead.