No proxy. No server. No CLI. Visual editor with JSON formatter, live validator, per-rule CORS, traffic console and 6 manga themes. All inside the popup.
Body and Response are real editors: formatter, live validator and one-click copy. All in manga aesthetic.
Indents JSON with 2 spaces. One button, one click, code breathes.
Green pill = JSON ok. Cinnabar pill = error with parser message.
Copies body, response or preview with 1.1s visual feedback.
JetBrains Mono, light line numbers, focused on reading and editing JSON fast.
{ "user": { "id": "usr_42", "name": "Ada Lovelace", "plan": "pro", "flags": ["beta", "labs"] }, "ok": true }
Tri-state groups, drag & drop, global master switch and shortcuts to expand a rule by clicking the row.
Toggle ALL rules inside a group. Hatching shows mixed state.
A global toggle pauses the entire engine without deleting anything.
Reorder rules and move between groups by dragging the handle.
Click the row to open the detail. Click again to close. No modal.
Built-in console with filters, pause, and a 'Mock this' button that creates a rule from a real request in 1 click.
Every fetch/XHR appears with method, URL, status and a 'mocked' vs 'passthrough' tag.
By method, status range, or URL regex. Saves the filter between sessions.
Pause capture without turning off the engine. Clear empties the buffer.
Click a real request and it becomes a rule with headers and body pre-filled.
Curated catalog with autocomplete for HTTP headers. Toggle CORS per rule and the engine injects Allow-* automatically.
Content-Type, Cache-Control, Set-Cookie, Authorization — click and use.
Toggle in the rule detail injects Access-Control-Allow-Origin/Methods/Headers.
Enable once in Settings and every new rule is born with CORS open.
If you set a header manually, the engine respects your value.
Clickable presets, screentone headers, response with copy chip. So you see the mock working before going to production.
GET /me, POST /checkout, DELETE /sessions — quick buttons to fire.
Status, headers, formatted body. All in screentone-dots aesthetic.
Each copyable block has a discreet chip that turns ✓ on copy.
{ "id": "usr_42", "ok": true }Mustard button in the header explains every popup section, tri-state and shortcuts.
⌘K search, ⌘N new rule, ⌘/ help, Esc closes in cascade.
Theme picker with briefing, CORS by default, undo/redo levels, json import/export.
In-memory history — back and forward highlight in the footer.
Saved and Traffic blink with each new request or auto-save.
Every button, toggle and drag handle has an explanatory tooltip in aesthetic.
Each theme has an art-director briefing — what each color represents, when to use it, and how the contrast was calibrated for readability.
No separate panel, no Studio. What you see below is exactly what opens when you click the icon.
tweak the mocks beside · it's interactive
Five real situations from a developer's day. Yumi explains the problem and the trick — no jargon.
Backend down or doesn't exist yet? Tell Mock Dream what URL to fake and what to reply.
↳ The browser thinks it talked to a real server.
Used to be one big black blob. Now keys, values and types each get their own color — you glance and get it.
↳ Works in the rule editor AND in the traffic response.
Got requests leaking you didn't know about? Traffic Console shows everything — mocked or real — in real time.
↳ Green = I mocked it. Gray = passed through.
Devs all over the world. Each with their own vibe. Switch language, theme, palette — no restart.
↳ Saved for you. Only you see it.
video reel · 002
Two cuts: a guided tour through every feature, and a 60-second trailer for the impatient.
01 · GUIDED WALK
Homepage Tour
Not on Chrome Web Store yet — load unpacked while we exit review.
Enable Developer Mode, click 'Load unpacked' and point to the unpacked folder.
Create rule → page makes fetch → response comes from the mock. 0% server-side magic.
