by tarunkorat

AI-powered regex tester and explainer built with React, TypeScript, and Tailwind CSS v4. Test patterns with live match highlighting, get Chrome's built-in Gemini Nano AI to explain regex tokens and generate patterns from plain English, save snippets to localStorage, and share state via URL—all client-side with no backend. Perfect for developers who want to master regex patterns interactively with AI assistance. Licensed under Tetrees License.
RegexLab is an AI-powered regex testing and learning studio built with Vite + React + TypeScript + Tailwind CSS v4. Test regex patterns with live match highlighting, get AI-powered explanations using Chrome's built-in Gemini Nano, generate regex from plain English descriptions, and save your favourite patterns — all in the browser with no backend required.
g, i, m, s, u, y flags with one clicklocalStorage with name and description| Tool | Version |
|---|---|
| Vite | 6.x |
| React | 19.x |
| TypeScript | 5.x |
| Tailwind CSS | v4 |
| Framer Motion | 12.x |
| Chrome Built-in AI | Gemini Nano (on-device) |
npm install
npm run dev # Start dev server (http://localhost:5173)
npm run build # Build for production
npm run typecheck # Type checking
npm run lint # Linting
The Explain and Generate features require Chrome 127+ with Gemini Nano enabled:
chrome://flags/#prompt-api-for-gemini-nano and set to EnabledSpin up an isolated sandbox and run it server-side — no local setup.
Push this product straight into your AI IDE, web builder or cloud IDE.
Connect Tetrees to a compatible AI IDE, list products you own, and request the verified ZIP without exposing seller upload controls.
No reviews yet.
Sign in to join the discussion
Loading discussion…
chrome://flags/#optimization-guide-on-device-modelchrome://components (look for "Optimization Guide On Device Model")● AI ReadyRegex Editor (Left Panel):
/pattern/ input — matches highlight instantlyg, i, m, s, u, y)/pattern/flags to clipboardAI Assistant (Right Panel):
Snippets Sidebar:
src/
├── components/
│ ├── editor/
│ │ ├── RegexInput.tsx
│ │ └── FlagsSelector.tsx
│ ├── explainer/
│ │ ├── ExplainPanel.tsx
│ │ ├── TokenCard.tsx
│ │ └── GroupsTable.tsx
│ ├── generator/
│ │ └── GenerateFromText.tsx
│ ├── sidebar/
│ │ ├── SavedSnippets.tsx
│ │ └── SnippetCard.tsx
│ └── ui/
│ ├── Badge.tsx
│ ├── Tooltip.tsx
│ ├── CopyButton.tsx
│ └── Toast.tsx
├── hooks/
│ ├── useRegex.ts
│ └── useAI.ts
├── utils/
│ ├── regexParser.ts
│ ├── highlighter.ts
│ └── shareUrl.ts
├── data/
│ └── snippets.ts
├── App.tsx
├── main.tsx
└── index.css
#6366f1Tetrees License
The sandbox audition completed and the detected runnable path passed.
This React web app completed archive review with strong static results. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately. Final verified scores after isolated runtime evidence: overall 8.3 and security 9.
Deterministic AVCP artifact review
Pipeline avcp-2026-08-04.1 · SHA-256 365d77e9c586426b…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
Reviewed Aug 7, 2026
The full install guide and integration prompts unlock after purchase.
Automation, Utilities & Developer Tools
$13.53