Skip to content

WilliamHoltsdalen/rgxlab

Repository files navigation

RGX Lab Logo

Visual Regular Expression Builder & Tester


About

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.

Try it live at rgxlab.com

Features

  • 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

Tech Stack

  • 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

Contributing

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

Roadmap

  • Shareable pattern URLs
  • Save & load custom presets
  • Regex explanation tooltips

Why I Built This

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.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Made ️by William Holtsdalen

Questions? Open an issue

About

Build, test, and learn regular expressions (regex) visually

Topics

Resources

License

Contributing

Stars

Watchers

Forks