Are the mock API endpoints publicly accessible?

No. Devvkit runs entirely in your browser and cannot host live endpoints. You design your mock API here, then copy or download the generated handlers and serve them with MSW, Mirage JS, or your own mock server.

Can I simulate errors and delays?

Yes, you can configure response status codes (200, 400, 404, 500, etc.) and simulated network delays for realistic error handling testing.

devvkit / generators

Mock API Response Generator

Generate realistic mock API responses for frontend development.

200ms

100ms

300ms

Response body for GET

Response body for POST

Generated Output (JavaScript)

// Mock API endpoints generated by devvkit
// Works with MSW (Mock Service Worker), Mirage JS, or any mock server

export const mockHandlers = [
  {
    method: 'GET',
    path: '',
    statusCode: 200,
    delay: 200,
    response: [{"id":1,"name":"Alice","email":"alice@example.com"},{"id":2,"name":"Bob","email":"bob@example.com"}],
  },
  {
    method: 'GET',
    path: '',
    statusCode: 200,
    delay: 100,
    response: {"id":1,"name":"Alice","email":"alice@example.com","role":"admin"},
  },
  {
    method: 'POST',
    path: '',
    statusCode: 201,
    delay: 300,
    response: {"id":3,"name":"Charlie","email":"charlie@example.com"}
  }
]

share this tool

related tools

API Tester

Send HTTP requests, inspect responses, and generate curl commands.

OpenAPI Spec Generator

Generate OpenAPI 3.1 specifications from sample data.

Dummy Data Generator

Generate realistic fake data in JSON, CSV, or SQL format.

JSON Formatter

Format, validate, minify, and prettify JSON data instantly.

Design mock REST API endpoints for frontend development and testing. Define routes, response data, status codes, and delays: then export ready-to-use mock server code for MSW, Mirage JS, or plain JSON config.

>[x]Features

-Create custom API endpoints with JSON responses
-Configurable HTTP methods, status codes, and response headers
-Simulated response delays for realistic testing
-Validate response JSON syntax as you write it
-Download or copy handlers for MSW, Mirage JS, or JSON config
-Share mock API configurations via URL

>>Use Cases

>Developing frontend features before backend APIs are ready
>Testing error handling with configurable error responses
>Prototyping API contracts with stakeholders
>Running integration tests against predictable API responses

Mock API Response Generator

Frequently Asked Questions