Regex Builder 🔍
Build, test, and understand regular expressions visually — without leaving VS Code.

✨ Features
| Feature |
Description |
| 🎯 Visual Builder |
Build regex patterns using dropdowns and inputs — no manual writing needed |
| 📚 Pattern Library |
One-click access to Email, Phone, IBAN, URL, Date, IP patterns |
| ⚡ Live Preview |
See matches highlighted in real-time as you type |
| 🔍 Explain Regex |
Get a human-readable explanation of any regex pattern |
| 📋 Copy & Insert |
Copy to clipboard or insert directly into your code at cursor position |
| 🌐 Multilingual |
Works with any language including Arabic text |
🚀 Getting Started
Install
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X)
- Search for "Regex Builder"
- Click Install
Open the Builder
There are 3 ways to open Regex Builder:
Command Palette:
Ctrl+Shift+P → "Open Regex Builder"
Keyboard Shortcut:
Ctrl+Shift+R
Right-Click Menu:
Right-click anywhere in the editor → Open Regex Builder
📖 How to Use
1. Common Patterns
Click any pattern button (Email, Phone, URL...) to load it instantly into the builder.
2. Visual Builder
- Choose Starts With (^ or word boundary)
- Enter text in Contains field
- Choose Ends With ($ or word boundary)
- Set Min / Max length constraints
- Toggle Case Sensitivity
3. Custom Pattern
Enter any raw regex directly into the Custom Pattern field.
4. Test Your Pattern
Paste test text into the Test String area and watch matches highlight live in the Preview panel.
5. Explain
Click "Explain Regex" for a plain-English breakdown of what each part of your pattern does.
6. Use in Code
- Copy — copies the pattern to clipboard
- Insert — inserts directly at your cursor position in the active editor
⌨️ Keyboard Shortcuts
| Shortcut |
Action |
Ctrl+Shift+R |
Open Regex Builder |
Ctrl+Shift+P → "Open Regex Builder" |
Open via Command Palette |
🤝 Contributing
Issues and pull requests are welcome!
→ GitHub Repository
📄 License
MIT — Free to use, modify, and distribute.
Built with ❤️ for developers who struggle with regex!