Back Code & Text Tools

Code & Text Tools — 9 Free Browser Utilities

9 free code & text utilities — regex tester & explainer, text diff checker, markdown preview, case converter, AI token counter (GPT-4 / Claude / Gemini), string escape, character counter. Browser-only.

9 Code & Text Tools

.*
Regex Tester & Debugger
Test regular expressions with real-time matching and capture group highlighting.
Popular
±
Text Diff Checker
Compare two texts side by side. Highlights additions, deletions and changes.
MD
Markdown Editor & Preview
Write markdown with live preview. Convert to HTML. GFM tables and code blocks.
?=
Regex Explainer
Translate regular expressions to plain English. Color-coded token breakdown.
Aa
String Case Converter
Convert between camelCase, snake_case, kebab-case, PascalCase and 8 more formats.
\\
String Escape & Unescape
Escape and unescape strings for JSON, HTML, JavaScript, URL, CSV and SQL.
Σ
Character / String Length Counter
Live char, word, line, UTF-8 byte + tweet/SMS limits.
New
MD
Word / Rich Text to Markdown
Convert pasted Word or HTML content to clean Markdown.
New
AI
AI Token Counter
Estimate GPT / Claude tokens and cost for any prompt.
New

Best free code & text tools for 2026

Code & text tools sit between writing and shipping — every diff before commit, every regex before prod, every markdown render before publish runs through one of these utilities. The 9 tools in this category cover the operations that show up dozens of times per day in real engineering workflows: regex pattern testing with live capture-group display, two-document diff with line-level granularity, AI-token counting for prompt budgeting (GPT-4o, Claude Sonnet, Gemini), and the escape/unescape variants needed when shuttling strings between JSON, HTML, JavaScript, and shell. All run client-side via the browser's native regex engine, native JSON.stringify, and tokenizer libraries shipped as static JS — no input is ever uploaded.

What's the difference between regex testing and regex explaining?

A regex tester takes a pattern and a sample string and shows whether the pattern matches, what each capture group caught, and the full vs first match. Use it when you have a pattern and want to confirm it does what you intended. A regex explainer takes a pattern alone and translates it into plain English ("matches one or more digits, then a hyphen, then 3-4 word characters"). Use it when reading someone else's regex or auditing a complex production pattern. Both tools live in this cluster — Regex Tester for the former, Regex Explainer for the latter.

How do I count GPT-4 or Claude tokens online without sending my prompt to an API?

The AI Token Counter ships the same tokenizer libraries (cl100k_base for GPT-3.5/4, o200k_base for GPT-4o, Anthropic's tokenizer for Claude, Gemini SentencePiece) compiled to WebAssembly. Tokenization runs locally — your prompt text never reaches OpenAI, Anthropic, or Google servers. Verify with DevTools → Network tab: zero outgoing requests during count. This matters because production prompts often contain customer data or unreleased features; sending them to OpenAI's token counter API is the same data exposure as sending them to the model itself.

Code & text cluster — pick the right tool

NeedTool
Test a regex pattern with live match previewRegex Tester
Translate a regex into plain EnglishRegex Explainer
Compare two text/code blocks line by lineText Diff Checker
Preview Markdown as HTMLMarkdown Preview
Convert camelCase ↔ snake_case ↔ kebab-caseCase Converter
Count tokens for GPT-4 / Claude / Gemini promptsAI Token Counter
Escape strings for JSON / HTML / JavaScriptString Escape / Unescape
Count characters / words / SMS segmentsCharacter & Word Counter
Color contrast check (accessibility)WCAG Contrast Checker

Which code & text tool should you use?

Code and text tools cover the day-to-day grind: testing a regex you'll never remember, comparing two configs, escaping strings for JSON or HTML, counting tokens before sending a prompt to GPT or Claude. The right choice depends on the format you're wrestling with and whether you need deep analysis (regex explainer) or a quick transform (case converter).

Common code & text mistakes to avoid

Frequently Asked Questions

Use the Regex Tester & Debugger to paste your pattern and test string, then see matches highlighted in real time. The tool displays each match, capture group, and index position instantly — no code, no compilation, no server round-trips. You can toggle flags like global, case-insensitive, and multiline to experiment with different matching behaviors. If a pattern is too complex to read, the Regex Explainer breaks it into color-coded tokens with plain-English descriptions so you can understand exactly what each part does.
The String Case Converter supports over ten common naming conventions used in software development, including camelCase, PascalCase, snake_case, SCREAMING_SNAKE_CASE, kebab-case, dot.case, Title Case, UPPERCASE, lowercase, and more. Simply paste your identifier or sentence and the tool instantly generates every format, making it easy to switch between coding styles when moving between languages or frameworks — for example, converting a JavaScript camelCase variable name to a Python snake_case equivalent.
String escaping is necessary whenever you embed user input or special characters inside a structured format. For example, JSON requires backslash escaping for quotes and control characters, HTML requires entity encoding for angle brackets and ampersands to prevent XSS, and SQL uses escaping to guard against injection attacks. The String Escape & Unescape tool handles all of these formats — paste your raw string, select the target format (JSON, HTML, JavaScript, URL, CSV, or SQL), and get a correctly escaped result you can safely embed in your code or data.

Other Categories