CheckoutKit
Beautiful checkout, zero code
CheckoutKit provides a unified checkout experience across multiple PSPs. If Moyasar is down, it automatically falls back to Tap — transparently. The checkout page supports mada, Visa, Mastercard, Apple Pay, STC Pay, and Tabby BNPL — all from a single integration.
The integration tax, eliminated.
Stop wiring together fragmented APIs. CheckoutKit abstracts the complexity behind a single canonical interface so you can focus on your product.
The Old Way
Read 6+ different API docs
Handle varying authentication methods
Normalize fragmented data schemas
Build custom failure and retry logic
Maintain integration debt forever
With CheckoutKit
Install single unified SDK
Authenticate once with hyperscale keys
Write code against canonical schema
Built-in routing, retries & fallbacks
Switch providers without code changes
Everything you need.
CheckoutKit comes battery-included with 4 out-of-the-box capabilities designed for scale.
Hosted Checkout
Branded, hosted checkout pages with your logo and colors
Payment Links
Shareable URLs that accept payment — no code needed
Embeddable Widgets
Drop-in checkout components for any website
Multi-Method Checkout
mada, Visa, Apple Pay, STC Pay, Tabby BNPL in one checkout
Zero-build embedded experiences.
Product Managers love CheckoutKit because you don't have to build the UI from scratch. Drop our secure, compliant React widgets directly into your app.
- Fully customizable styling to match your brand
- Handles complex edge cases and error states automatically
- Always up-to-date with compliance regulations
export default function App() { return (
<CheckoutKitWidget
theme="light"
onSuccess={handleSuccess}
/>
);
}
The Inverse Adapter.
CheckoutKit sits above the Hyperscale SuperGraph, abstracting downstream providers entirely so you only have to write code once.
Your Application
CheckoutKit
Developer Experience
Beautiful, strongly-typed SDKs for modern languages.
1import { CheckoutKit } from '@hyperscale/sdk'23const checkout = new CheckoutKit({ apiKey: 'hs_live_...' })45// Create a hosted checkout session6const session = await checkout.createSession({7 amount: 25000, // 250.00 SAR8 currency: 'SAR',9 methods: ['mada', 'visa', 'apple_pay', 'tabby'],10 successUrl: 'https://app.com/success',11 cancelUrl: 'https://app.com/cancel',12})1314// Redirect customer to hosted page15console.log(session.url) // 'https://checkout.hyperscale.sa/cs_...'Plays well with others.
CheckoutKit composes seamlessly with the rest of the Hyperscale ecosystem.
Part of these Blueprints.
CheckoutKit is a core component of these ready-to-deploy business solutions.
Start building with CheckoutKit.
Install the SDK, grab your API key, and make your first call in minutes.