PayFence Live Demo
See how PayFence turns any API into a revenue stream — with three billing models, 3-line SDK integration, and webhook notifications. Choose your demo experience below, or try the live demo apps.
Choose Your Demo Experience
Start with the overview, then go deeper.
What is PayFence?
Scroll through — no setup needed
A scroll-driven animated story explaining PayFence. Covers three billing models, 3-line SDK integration, webhook notifications, and freemium revenue funnels — in 2 minutes.
- 5 full-screen animated sections
- 3-line SDK integration and webhook flow
- Freemium funnel revenue scenario
- Animated counters and flow diagrams
See the Money
Live demo: watch an API go from $0 to $2,196/mo
A 4-section CEO demo with live API calls. Watch the 402 paywall in action, explore the revenue calculator, and see why the AI agent economy makes this urgent.
- 4 guided sections with Next/Back navigation
- Live API call showing 402 paywall + checkout
- Revenue calculator with freemium funnel math
- AI agent economy + competitive positioning
Try the API
Live API calls, quota meters, code snippets
Step through real API calls with code snippets. See proxy mode, SDK middleware, HMAC verification, quota enforcement, webhooks, and 402 paywall — all with live requests.
- Live API steps across proxy and middleware modes
- 3-line SDK integration (Node.js and Python)
- Webhook events with HMAC signature verification
- Free, fixed, and metered billing models
Live Demo Apps
Real apps built on PayFence-protected APIs. See quota tracking, 402 payment walls, and billing in action.
TravelAgent
CheckingProxy Consumer
A travel search & booking app consuming SkyRoute via the PayFence gateway. Search flights and hotels, place holds, book trips — with real quota tracking and 402 payment walls.
DealFinder
CheckingMiddleware Consumer
A price comparison tool scanning CartBay alongside mock retailers. See scan intensity controls, quota burn rates, and 402 payment walls when the API budget runs out.
Architecture
Browser (You)
|
+--- Demo Console (BFF) --------+--- TravelAgent (BFF) ----+--- DealFinder (BFF) ------+
| Step-by-step API demos | Travel search app | Price comparison app |
| | | |
v v v |
PayFence Gateway -----> SkyRoute API CartBay API <------+
(proxy mode) (origin-protected) (middleware mode)
+ MockBestBuy
+ MockWalmartAll API tokens remain server-side. The browser never sees or sends PayFence tokens directly. This is the Backend-For-Frontend (BFF) pattern.
Request authorized, quota deducted, response returned.
Quota exhausted. Response includes checkout URL.
Direct origin access blocked. Must go through gateway.