What does it generate?

Realistic-looking mock JSON based on the URL and method. GET /users returns a list of users; GET /users/123 returns a user object. Structure inferred from REST conventions.

Deterministic by default (same URL = same mock). Toggle randomization for varied test data. Useful for edge-case testing.

Can I customize the schema?

Limited — the generator infers structure from URL patterns. For custom schemas paste a JSON Schema and use Mock Data Generator instead.

Frontend dev when the backend isn't ready, demo environments with fake data, and testing how your app handles various response shapes.

API Response Mocker | DevTools Surf

DevTools Surf

Example: API Response Mocker

A worked example, rendered from real sample data. Sign in to run the tool on your own input.

Input

GET /api/users
name: string
email: email
age: number
created_at: date
is_active: boolean

Output

{
  "status": 200,
  "data": {
    "id": 1,
    "user_id": 93714,
    "name": "Katherine Ritchie",
    "email": "grace.hamilton@example.com",
    "age": 38,
    "created_at": "2025-06-27",
    "is_active": false
  },
  "meta": {
    "timestamp": "2025-01-06T07:51:50.000Z",
    "request_id": "43ce3b4f-1011-4f05-a6b4-7f1222395f85"
  }
}

About API Response Mocker

API Response Mocker preview - Developer Utilities tool

Generate mock API responses from a schema, example or field list. Part of the DevTools Surf developer suite. Browse more tools in the Developer Utilities collection.

Use Cases

Frontend developers building UIs before the backend is ready
QA engineers creating deterministic test fixtures
Mobile developers working offline with simulated endpoints
Technical writers generating example responses for API docs

Tips

Specify response status codes to test error handling
Include nested objects for realistic mock structures
Define array lengths to simulate paginated responses

Fun Facts

The concept of mock objects in testing was formalized in a 2000 paper by Tim Mackinnon, Steve Freeman, and Philip Craig at XP2000.
JSON became the dominant API response format around 2012, overtaking XML — despite Douglas Crockford specifying JSON back in 2001.
Netflix's Polly.js, released in 2018, popularized recording and replaying HTTP interactions for frontend testing.

FAQ

What does it generate?: Realistic-looking mock JSON based on the URL and method. GET /users returns a list of users; GET /users/123 returns a user object. Structure inferred from REST conventions.
Is it randomized?: Deterministic by default (same URL = same mock). Toggle randomization for varied test data. Useful for edge-case testing.
Can I customize the schema?: Limited — the generator infers structure from URL patterns. For custom schemas paste a JSON Schema and use Mock Data Generator instead.
Useful for what?: Frontend dev when the backend isn't ready, demo environments with fake data, and testing how your app handles various response shapes.

Related Developer Utilities Tools

Collection JSON → cURL Git Diff → HTML Regex Visualizer Makefile Explainer Shell Script Linter GitHub Actions Visualizer HAR File Viewer GraphQL Query Builder