An interactive regex testing tool built with React and Tailwind CSS.
- Real-time regex pattern matching
- Support for regex flags (g, i, m, s)
- Display of match details including capture groups
- Regex cheat sheet for quick reference
- Error handling for invalid regex patterns
- Node.js (v16 or higher recommended)
- npm or yarn
- Clone the repository
git clone https://github.com/yourusername/regex-playground.git
cd regex-playground- Install dependencies
npm install
# or
yarn- Start the development server
npm run dev
# or
yarn dev- Open your browser and navigate to
http://localhost:5173
- Enter a regex pattern in the "Pattern" field
- Set any flags you want to use (g, i, m, s)
- Enter text to test against in the "Test String" field
- View matches in real-time in the "Results" section
The project includes an SVG favicon that adapts to light and dark mode. To generate PNG versions of the favicon for various devices:
- Make sure you have the dependencies installed:
npm install- Run the favicon generation script:
npm run generate-faviconsThis will create:
- favicon.png (32x32)
- apple-touch-icon.png (180x180)
- icon-192.png (192x192)
- icon-512.png (512x512)
If you want to modify the favicon, edit the SVG file in public/favicon.svg and then run the generation script again.
This project is open source and available under the MIT License.