@ariyor/checkout

The premium, "glimmering" checkout experience for Ariyor. Embed world-class donation and payment flows into your website with a single line of code.

Installation

npm install @ariyor/checkout

For non-NPM usage, include the script via CDN:

<script src="https://cdn.ariyor.io/checkout.js"></script>

Quick Start

import { Ariyor } from '@ariyor/checkout';

Ariyor.open({
  publicKey: 'ary_pk_live_...', // Your public key
  campaignId: 'medical-outreach-2026',
  title: 'Support Light & Grace',
  brandColor: '#4A90E2',
  onSuccess: (transaction) => {
    console.log('Payment Successful!', transaction);
  }
});

The "Glimmering" UI

Ariyor Checkout is designed with a high-fidelity glassmorphism aesthetic. It features:

• Liquid-metal shimmering animations.
• Frosted glass containers.
• Magnetic micro-interactions.
• Haptic-like celebration states.

Features

• Multi-step Discovery: Collects donor/customer info automatically.
• Highly Customizable: Change colors, titles, and callbacks.
• Secure: Interfaces with Ariyor's zero-trust V1 API.
• Zero-Breeze: NGO/SMEs don't need a backend to start collecting payments.

License

MIT