FootPrint Playground

Interactive tutorial for the FootPrint library. Walk through building, executing, and observing a pipeline — all in your browser.

Try it live

What you'll experience

1. Build — Write pipeline code and watch the flowchart assemble in real-time
2. Execute — Hit Run and see data flow through each stage with live memory updates
3. Observe — Time-travel through execution, inspect snapshots, and explore metrics

Run locally

npm install
npm run dev

Built with

• React + TypeScript
• React Flow for interactive flowcharts
• Monaco Editor for code display
• Framer Motion for animations
• Vite for bundling