iHateRegex is a regex cheat sheet and learning tool that helps developers understand regular expressions through interactive visualization and explanation.
The project solves the problem of regex complexity by making patterns comprehensible rather than intimidating. It renders visual railroad diagrams directly in the browser showing the structure of any regular expression, allows hovering over expression components to see plain-English explanations, and provides a live testing area with string matching and highlighting. The tool includes regex code highlighting, validation, and markdown-supported descriptions. Users can export diagrams as SVG or PNG files and access a playground to create and test their own expressions.
The tool suits developers who struggle with regex syntax or want to understand how patterns work before using them. It functions both as a reference for common patterns and as a learning resource through its interactive features. The project welcomes community contributions through pull requests to add new regex patterns to the collection, and users can also publish expressions directly from the playground after signing in. Private saved regexes belong to the signed-in user, while published regexes create public community pages with opaque database IDs that never expose the regex itself in URLs.
The project has undergone a complete architectural rebuild from its original Nuxt-based version to TypeScript and TanStack Start with PostgreSQL backing. The codebase is organized as a pnpm monorepo with clear separation between applications and shared packages. Contribution is straightforward, requiring only additions to a JSON file and corresponding markdown documentation, with the project actively soliciting community participation through its contribution guidelines and playground publishing feature.
