Sandbox

Try it live

Test all five payment providers directly in the browser. This sandbox uses test keys so no real charges are made.

Pick a provider, enter any email, set an amount, and click pay to see the checkout flow.

Test cards

• Paystack: 4084 0840 8408 4081, expiry any future date, CVV 408
• Flutterwave: 5531 8866 5214 2950, expiry 09/32, CVV 564, OTP 12345
• Razorpay: 4111 1111 1111 1111, expiry any future date, CVV any
• Monnify: Use bank transfer option — it generates a test account number
• Interswitch: 6280 5116 2344 0236 43, expiry 12/26, CVV 123, PIN 1234

Note

The sandbox runs entirely in your browser using the Sanwo Web SDK with test provider keys. No real money is charged.

---

Example apps

Clone a working example for your platform and start building.

Web

Vanilla JavaScriptPlain HTML + JS with all providers and scenarios.

ReactReact app with SanwoReactProvider and useSanwoCheckout.

Next.jsNext.js app with server and client component patterns.

VueVue 3 app with SanwoPlugin and useSanwoCheckout composable.

AngularAngular 18 app using @sanwohq/web with standalone components.

SvelteSvelte 4 app with createSanwoContext and checkout store.

Mobile

React NativeReact Native app with SanwoProvider and useSanwoCheckout.

FlutterFlutter app with Sanwo callable class and CheckoutOptions.

Server-side

LaravelLaravel app with Blade components and Sanwo.create() checkout.

.NET / C#ASP.NET Razor Pages with Tag Helpers and Sanwo.create() checkout.

Mobile

React NativeReact Native app with SanwoProvider and useSanwoCheckout.

FlutterFlutter app with Sanwo callable class and CheckoutOptions.

Native

iOS / SwiftSwiftUI app with .sanwoCheckout view modifier.

Android / KotlinKotlin Activity with registerForCheckoutResult pattern.

No-code

Embed / CDNZero-code payment buttons with data attributes — no build tools needed.

Run locally

git clone https://github.com/Sanwohq/examples.git
cd examples/vanilla-js
cp ../.env.example .env  # add your test keys
npm install && npm run dev