Skip to main content
Closed Beta rinne-js helps you accept wallet and card payments with a single browser SDK. It gives you secure payment elements, encrypted card payloads, and a consistent API for Apple Pay, Google Pay, Card, and 3D Secure.

Wallet Payments

Mount Apple Pay and Google Pay with shared callbacks and button customization.

Card Element

Collect encrypted card details with validation state, events, and theme control.

3D Secure

Run issuer authentication challenges and remount with new session IDs on retry.

Integration Flows

Follow production flows for wallet checkout or card + 3DS checkout.

​
How It Works

1

Initialize the SDK

Create a Rinne instance with your merchantId and environment.
2

Prepare payment data

Use rinne.transaction.create() for wallet flows, or mount the card element to collect encrypted card data.
3

Run customer interaction

Mount a wallet button or a 3DS challenge element based on your checkout flow.
4

Process on your backend

Send encrypted payloads or 3DS session IDs to your backend and finalize the transaction server-side.

​
PCI Scope and Encryption

rinne-js helps you reduce PCI scope by collecting and encrypting sensitive payment data inside a secure environment.
  • Plaintext card number and CVC are not exposed to your frontend business logic
  • Your backend receives encrypted payloads, not raw PAN/CVC
  • Rinne API is designed to receive and process this encrypted data flow
With the card and wallet elements, sensitive card data is encrypted before it leaves the secure component context.

​
Start Here

Installation

Install with npm, yarn, pnpm, or CDN.

Quickstart

Build your first wallet checkout in minutes.

Live Demo

Try rinne-js in an interactive sandbox.