Regex Tester

Live pattern matching with capture groups built in ~6 minutes.

Presets:

Pattern

Test string

Contact me at alice@example.com or bob.smith+work@mail.co.uk for details.

2 matches

#1alice@example.com@ 14

#2bob.smith+work@mail.co.uk@ 35

Built with this prompt

Build a live regex tester in React with:
- Pattern input, flag toggles (g, i, m, s), and test string textarea
- Parse with new RegExp, catch errors, show a red error message when invalid
- Render the test string with every match highlighted in-place (purple background)
- List matches below with index and capture groups
- A few preset patterns (email, URL, hex color) with one-click load
- Dark UI, no external dependencies

Try in Project Starter →