API Flow Player for Framer

API Flow Player is a Framer component for explaining how an API behaves, one request at a time. It turns an API flow into an animated sequence diagram, with a lane for each service and a detail panel for the method, path, status code, and request and response payloads.

4 ready-made flows: OAuth login, webhook delivery with retries, idempotent payments, and rate-limit handling with backoff

A property-panel workflow for building custom flows, including lanes, steps, methods, paths, status codes, payloads, and notes

Playback controls for play, pause, step forward and back, and selecting individual steps

Status-code color treatment across 2xx, 3xx, 4xx, and 5xx responses

Dark and light themes with controls for accent, radius, backdrop, and font

Responsive behavior for narrow screens and keyboard controls

Reduced-motion support

The product includes a Framer remix link, the APIFlowPlayer.tsx source file, and a setup guide.