Learning regex is hard, so I made a drag-and-drop regex builder

Hi fellow developers,

I’ve been working on a small side project called RegCraft – a visual regex builder.

Instead of typing out the patterns (which you can still do if you so wish), you can drag and connect the blocks to build regex step by step (with some helpful error warnings if using non-compatible blocks). It also highlights matches in real time so you can see exactly what’s happening. There are also a few presets that I have made in case users need some quick fixes.

✨ Features so far:

• Block-based regex construction (like Scratch, but for regex)
• Live highlighting of matches
• Supports JavaScript / Python / Java / PHP and C#
• Beginner-friendly, but flexible for advanced use

I built it because I’ve always found regex intimidating to teach, and I thought a visual approach might help others learn faster.

🔗 Try it here: RegCraft

I’d love feedback from the community:

• Is this useful for you?
• What features would you like to see (export, cheat sheets, other presets)?
• Any performance issues in your browser?

Thanks for taking the time to read this!