V3.0 IS NOW LIVE

Edit JSON. Get an API. Instantly.

A local mock server with a live editor—no backend, no redeploy, no save button. Build frontends without the wait.

npx view-api dev

Get Started arrow_forward

How it Works

terminal

1. Run command

Launch the server with a single terminal command in your project root.

edit_note

2. Edit JSON in browser

Modify your data in real-time with the built-in Monaco editor. No manual saves.

sensors

3. Call localhost:4000

Instant GET, POST, PUT, DELETE endpoints available for your local dev environment.

config.json

1 {

2 "GET /products": {

3 "behavior": {

4 "successRate": 50

5 },

6 "responses": {

7 "success": {

8 "statusCode": 200,

9 "body": {

10 "status": "success",

11 "message": "Products fetched wkwk",

12 "data": [

13 { "id": 1, "name": "Product A", "price": 10000 },

14 { "id": 2, "name": "Product B", "price": 10000 },

15 ]

16 }

17 },

18 "errors": [

19 {

20 "statusCode": 500,

21 "body": {

22 "status": "failed",

23 "message": "Server error",

24 "error_code": "SERVER_ERROR"

25 }

26 },

27 {

28 "statusCode": 400,

29 "body": {

30 "status": "failed",

31 "message": "Bad request, invalid parameters",

32 "error_code": "INVALID_PARAMETERS"

33 }

34 }

35 ]

36 }

37 }

38 }

terminal Network Log

GET /products 200 OK

GET /products 500 SERVER ERROR

GET /products 200 OK

GET /products 400 BAD REQUEST

GET /products 500 SERVER ERROR

GET /products 200 OK

GET /products...

Built for Speed

bolt

Live Reload

Every edit in the JSON UI instantly reflects in the API response. Zero downtime.

save

Auto-save

Changes are persisted to your local `db.json` automatically. Never lose a mock again.

bug_report

Error Simulation

Simulate 404, 500, or network delays to test your frontend's resilience.

settings_suggest

Zero Config

No complex setup. It just works with any valid JSON file out of the box.

Why choose View API?

Feature	View API
Real-time Live Editing	check_circle
Local Data Control	check_circle
Zero Save Button	check_circle
Relationship Embedding	check_circle

Start mocking in seconds

Install the CLI globally and get your first API running before your coffee is ready.

npm install -g view-api content_copy