Installation & Setup

Chrome Web Store (Recommended)

The easiest way to install Mock Studio:

1. Visit the Chrome Web Store listing
2. Click "Add to Chrome"
3. Confirm the permissions dialog
4. Open any page, then open DevTools (F12)
5. Look for the "Mock Studio" tab in DevTools

Manual Installation (Developer Mode)

For development or testing pre-release builds:

1. Download or clone the repository
2. Run npm install and npm run build
3. Open chrome://extensions/ in Chrome
4. Enable Developer mode (toggle in the top-right)
5. Click "Load unpacked"
6. Select the dist directory from the project

First Launch

When you first open Mock Studio in DevTools:

1. You'll land on the Projects page
2. Click "New Project" to create your first project
3. Enter a name (e.g., "My API") and click Create
4. You're now inside your project — ready to add mocks!

Account & Pro Features

Mock Studio works fully offline with no account required. However, signing in unlocks additional features:

• Managed AI — Zero-config AI mock generation (Pro)
• Variant Generation — AI-powered response variants (Pro)
• Batch Scenario Creation — Build scenarios from network traffic (Pro)

To sign in, go to Settings → Account and click Sign in with Google.

System Requirements

• Browser: Google Chrome (latest stable version recommended)
• DevTools: Mock Studio runs as a DevTools panel — it requires DevTools to be open
• Storage: Data is stored locally in your browser using IndexedDB — no external servers required

Troubleshooting

Mock Studio tab not appearing

• Close and reopen DevTools
• Make sure the extension is enabled in chrome://extensions/
• Try refreshing the page

Mocks not intercepting requests

• Ensure the mock is enabled (toggle is on)
• Check the URL pattern matches the actual request URL
• Verify the HTTP method matches (GET, POST, etc.)
• Make sure the correct project is active