Skip to main content

prototype-driven development

MockPit

Runtime provenance devtools that show what this screen is made of right now: live APIs, mocks, fallbacks, hardcoded copy, derived values, empty responses, and errors.

Get startedView examples
MockPit devtools panel showing mode, route, source mix, capture status, and resource records
Free & open source
Framework neutral
Zero config start
Shadow DOM devtools
CLI audits
Tiny footprint

the core question

What is real enough to trust?

MockPit helps teams prototype quickly while keeping a visible audit trail of the data sources behind each route. Use it while building UI with live services, MSW handlers, fixture fallbacks, AI‑generated copy, and local derivations.

choose a path

Start with the integration you use today.

Vanilla

Create a client, mount the Shadow DOM devtools, and instrument fetches without framework glue.

React

Wrap your app with MockPitProvider, then use hooks, AuditMark, AuditSection, and MockPitDevtools.

MSW

Decorate MSW handlers so mock transport, critical route gaps, and cleanup state are visible.

source taxonomy

One shared vocabulary for prototype evidence.

apimockfallbackderivedhardcodedemptyunsupportederror

ready to start?

Ship prototypes you can explain.

Add MockPit to your project in under five minutes. No config needed to get started.