YATORI CHECKOUT

Embed Payments anywhere

Try Playground View on NPM View on GitHub

React TypeScript Starter

A complete e-commerce demo with product page, checkout flow, and success page with transaction receipt.

Live Demo

Installation

npm install yatori-checkout

Or using your preferred package manager (yarn, pnpm, bun)

Quick Start

import 'yatori-checkout'

<yatori-checkout
  wallet="G8RtxPyG2pdrAhrNRMgg7Hia8imCofdCYxvyWiNG14hx"
  amount="9.99"
></yatori-checkout>

What is YATORI CHECKOUT?

YATORI CHECKOUT is a web component for seamless USDC stablecoin payments on Solana with QR code checkout and WebSocket confirmation. It's a mobile responsive solution with QR code and deeplink payment requiring only two parameters, with confirmation enabled out of the box.

Below is an example of an yatori-checkout integration for a digital arcade game, Toly Bird (tolybird.yatori.io), with micro payments from YATORI PAY.

Features

QR Code Generation

Automatic QR code generation with YATORI branding

WebSocket Confirmation

Real-time payment confirmation via WebSocket

Mobile Responsive

Deeplink functionality for mobile devices

Framework Agnostic

Works in Vue, React, vanilla JS, and more

Payment Animation

Beautiful payment complete animation

Amount Validation

Built-in validation (max 9999.99)

Documentation & Support

Get started with API references, comprehensive integration guides, and framework examples.

View Full Documentation Back to Home