Skip to content

Checkout kitOnline payments you control

One payment flow for Stripe, Adyen, PayPal or your own provider. Works in the browser and in mobile apps. You keep your own interface and server.

Install from npm ​

sh
npm install @checkout-kit/core @checkout-kit/runtime-browser @checkout-kit/provider-paypal

Run this in your own app. All 16 packages are published on public npm; no token or private registry is needed. The catalog links each package, and Getting started covers Stripe, Adyen, React, UI, WebView and test tools.

Start with a working example ​

sh
npm ci
npm run dev:integration

Run this in the repository. It starts a React checkout and a test server with fake providers, so you do not need any account keys. Then Getting started shows how to install the packages and connect a real test account.

Where to go next ​

What you haveRead this
Stripe, Adyen or PayPalStripe, Adyen, PayPal.
A React appReact, UI, browser runtime.
Another provider or bankExamples, writing a plugin, testing.
A mobile appWebView and the app example.
Unfamiliar wordsGlossary.

Who does what ​

The engine creates a payment, sends the payment details, runs any extra steps (for example, the bank's 3-D Secure page) and then checks the result.

  • The provider plugin knows how to talk to one provider.
  • The runner shows the extra step in your app (iframe, redirect, SDK).
  • Your server knows the prices, knows the buyer and decides whether the order is paid.

All 16 packages come with JavaScript (ESM), TypeScript types, API docs and tests. The example plugins show common protocols; they are not certified for any real bank. All packages are available on npm. Checking with your own provider test account is still required for your integration. Merchant server lists what your server must do. Troubleshooting helps when something fails.

Apache-2.0 · Headless engine, provider adapters and runnable examples.