1. A Developer Toolbox That Lives in Your Browser
Every developer accumulates a personal collection of bookmarked utilities — a JSON formatter here, a regex tester there, a mock data generator for test fixtures. The problem is that these tools are scattered across dozens of different sites, each with different UIs, different privacy policies, and varying reliability. Rafiqy.app consolidates eleven of the most-used developer tools into a single, fast, privacy-respecting platform where everything runs in the browser and no data is sent to any server.
2. Key Features at a Glance
- JSON Formatter: format/minify/validate JSON, interactive tree view, copy path, diff two JSONs
- Regex Tester: live match highlighting, named groups, flags (g/i/m/s), match count, replace mode, save patterns
- Mock Data Generator: generate name/email/phone/address/UUID/date/custom fields, set row count, export CSV/JSON/SQL
- Text Diff Checker: side-by-side or inline diff, character-level diff, ignore whitespace option, copy changed lines
- Config Polyglot Converter: convert between JSON/YAML/TOML/ENV/.properties, syntax validation, copy output
- Smart Log Analyzer: paste logs, auto-detect ERROR/WARN/INFO, filter by level, highlight patterns, export filtered logs
- LLM-Ready Markdown Scraper: paste URL, extract clean markdown, remove ads/nav/footers, copy for LLM context
- Privacy-First Data Transformer: mask PII (emails, phones, IDs), hash fields, fake-replace sensitive data, export sanitised CSV
- Color Palette Generator: generate palettes from seed colour, complementary/triadic/analogous modes, export hex/CSS/Tailwind config
- Schema Field Mapper: map fields between two schemas, drag-and-drop interface, export mapping as JSON/JS
- Distributed Trace Correlator: paste trace IDs from multiple services, correlate by request ID, timeline view
3. JSON Formatter & Regex Tester
The JSON Formatter handles the daily developer task of reading dense API responses. Paste any JSON — minified or broken — and it formats it with consistent indentation and syntax highlighting. The tree view lets you collapse and expand nested objects, and copy path gives you the dot-notation or bracket-notation path to any node in one click (e.g., data.users[0].email). The diff two JSONs feature highlights additions, deletions, and changes between two JSON payloads — essential for debugging API version changes or comparing environment configs.
The Regex Tester shows matches highlighted in real time as you type your pattern. It supports all four standard flags: g (global), i (case-insensitive), m (multiline), and s (dotAll). A match count appears live, named capture groups are displayed in a structured table, and replace mode lets you preview substitutions before running them in code. Patterns can be saved to a local library so you can build a personal collection of tested, working expressions.
4. Mock Data Generator & Text Diff Checker
Writing tests with real-looking data is far more useful than using foo and bar as placeholder values. The Mock Data Generator produces realistic test fixtures across standard field types: name, email, phone, address, UUID, date, and custom fields with user-defined formats. Set the row count (from 1 to tens of thousands), then export as CSV, JSON, or SQL INSERT statements — ready to drop directly into your test database or seed file.
The Text Diff Checker compares two text blocks with the clarity of a code review tool. Choose between side-by-side view (two columns, changes highlighted) or inline view (single column with insertions and deletions marked). Character-level diff goes beyond line comparisons to show exactly which characters changed within a line — invaluable for spotting a single changed comma or quote. An ignore whitespace option filters out pure indentation changes so you can focus on meaningful differences. Any changed line can be copied individually to the clipboard.
5. Config Converter & Log Analyzer
Modern applications use a patchwork of configuration formats. The Config Polyglot Converter translates between JSON, YAML, TOML, ENV, and .properties in any direction. Paste your source config, pick the target format, and get a validated output instantly. Syntax errors in the source are flagged before conversion so you never silently produce a broken config file.
When production goes wrong at 2 am, the Smart Log Analyzer is the tool you want open. Paste any log output — from Node.js, Python, Java, nginx, or any structured logger — and it auto-detects ERROR, WARN, and INFO entries using pattern matching. Filter the view to show only the level you care about, highlight custom patterns (like a specific request ID or user ID), and export filtered logs as a clean text file to share with teammates or attach to a bug report.
6. LLM-Ready Markdown Scraper & Privacy-First Data Transformer
As LLMs become standard tools in development workflows, feeding them clean context is increasingly important. The LLM-Ready Markdown Scraper takes a URL, fetches the page, and strips everything that adds noise — navigation, advertisements, sidebars, footers, cookie banners — leaving only the core article or documentation content in clean Markdown format. Copy the output directly into your LLM prompt as context. This is particularly useful when asking an AI assistant to summarise, explain, or work with external documentation.
The Privacy-First Data Transformer solves a common problem: you have a real CSV with customer data that you want to use for testing or share with a third party, but it contains PII. The tool masks detected emails, phone numbers, and ID numbers, can hash specific fields (useful when you need consistent fake IDs across a dataset), or fake-replaces sensitive values with realistic but fabricated data. The result is a sanitised CSV that preserves data structure and volume without exposing real information.
7. Color Palette Generator, Schema Field Mapper & Trace Correlator
The Color Palette Generator takes a single seed colour and derives a full palette using colour theory: complementary (opposite on the colour wheel), triadic (three equidistant colours), or analogous (adjacent colours). Export results as hex codes, CSS custom properties, or a Tailwind CSS configuration snippet — drop it straight into your tailwind.config.js.
The Schema Field Mapper addresses a perennial integration challenge: mapping fields from one data schema to another (e.g., a vendor API response to your internal model). Drag and drop source fields onto target fields, handle transformations, and export the mapping as a JSON specification or a JavaScript mapping function. The Distributed Trace Correlator is built for microservice debugging: paste trace IDs or log snippets from multiple services, enter your correlation field (request ID, session ID), and the tool assembles a timeline view showing the full request flow across services — turning what would be a manual log-grep exercise into a visual trace in seconds.
8. When to Use Browser-Based Developer Tools
Browser-based tools are not a replacement for your IDE or CLI — they are the right choice for quick, one-off tasks, for situations where you are on a machine that is not your primary workstation, or when you want to avoid installing yet another npm package or binary. They are also the right choice whenever privacy matters: because Rafiqy processes everything client-side, sensitive data never leaves your browser. All eleven tools are free, require no account, and are designed to open instantly so you can get the answer and get back to work.