RGX Lab is an interactive, visual regular expression builder that makes creating and testing regex patterns intuitive and accessible. Built with modern web technologies, it provides a drag-and-drop interface for constructing regex patterns from pre-built blocks, along with real-time testing capabilities.
- Visual Regex Builder: Drag-and-drop interface for constructing regex patterns
- Pre-built Blocks: Common regex patterns like email, URL, phone numbers, and more
- Live Testing: Real-time regex testing with sample text
- Multi-language Support: JavaScript, Python, Java, Ruby, PHP, Go (RE2), and .NET
- Modern UI: Clean, responsive design with dark/light theme support
- Mobile Friendly: Works on all devices
- Fast Performance: Built with Next.js 15 and optimized for speed
- Regex Flags: Full support for common regex flags
- Frontend: Next.js 15, React 19, Tailwind CSS 4
- UI Components: Radix UI, Motion
- Drag & Drop: @dnd-kit
- Icons: Lucide React
- Theming: next-themes
- Notifications: Sonner
- Development: ESLint, Turbopack
Contributions are welcome! Please see the Contributing Guide for details on how to:
- Set up project locally
- Report bugs
- Suggest new features
- Submit pull requests
- Shareable pattern URLs
- Save & load custom presets
- Regex explanation tooltips
Regular expressions are powerful tools, but they can be intimidating to write and debug. Traditional regex builders often require memorizing syntax or provide limited visual feedback. I wanted to create something that:
- Demystifies regex: Makes complex patterns approachable through visual building blocks
- Improves learning: Helps users understand regex structure by seeing how patterns are built
- Saves time: Eliminates the trial-and-error process of regex development
This project was also a personal challenge to level up my web development skills. Building a visual tool with drag-and-drop interfaces and real-time updates pushed me to learn new technologies and tackle complex state management challenges.
This project is licensed under the MIT License - see the LICENSE file for details.
Made ️by William Holtsdalen
Questions? Open an issue