A use-case-first regex tool with 30+ recipes, code snippets in 5 languages, and honest edge case documentation. Pick what you want to match and get the working pattern.
No reviews yetBe the first to leave a review for Regex Recipes
Maker
📌
Regex shouldn't feel like a dark art. The idea was to move away from "pattern builders" and toward a use-case-first library. Instead of staring at a blank input, you pick a recipe like a JWT token or a Hex color and get the pattern, the explanation, and the code snippets in 5 languages instantly.
Why I Built This
Most regex tools are either over-designed with "neon tech-bro" aesthetics or too clinical. I wanted to build something that feels like Linear meets Stripe Docs:
Purposeful Design: No excessive gradients or glassmorphism. Just clean whitespace, subtle borders, and a UI that gets out of the way.
Honest Documentation: Every recipe includes the "edge case" warning. If a pattern for an Email Address isn't 100% RFC compliant, the tool tells you exactly why and where it might fail.
Key Features
30+ Production-Ready Recipes: From standard URL extraction to specific security tokens like JWTs.
Multi-Language Snippets: Get the implementation for JavaScript, Python, PHP, Go, and Ruby in one click.
Clean & Fast UI: Built for speed with a warm-white light mode and a true-black dark mode (#0A0A0A).
Interactive Testing: A live playground to test your patterns against real strings with instant visual feedback.
The Tech Stack
I kept the architecture lightweight and type-safe to ensure the app stays snappy:
React 18 & Vite: For near-instant load times and HMR.
TypeScript: To handle the complex logic of recipe mapping and snippet generation without runtime errors.
Zustand: For a lightweight, high-performance state management that doesn't bloat the bundle.
Tailwind CSS: To achieve that precise, "Linear-style" UI with custom borders and soft shadows.
Lucide React: For clean, consistent iconography.
What This Is NOT
I intentionally avoided the "futuristic cyber" trend. There are no heavy glow effects or over-animated transitions here. This is a tool for developers who value utility, legibility, and breathing room in their workspace.