📘Frontend

Introduction

Sonic Payment Gateway offers a variety of frontend SDKs and libraries to make it easy to integrate our payment gateway into your website or web application. These libraries include:

Javascript

• Sonic Payment Gateway ReactJs - The Official Sonic Payment Gateway reactjs library

This library provides a set of React components that make it easy to add payment functionality to your web application. It includes components for creating payment links, checkouts, and invoices, as well as handling transactions and payouts.

To get started with the Sonic Payment Gateway ReactJs library, you can install it via npm by running the following command:

npm install sonic-payment-gateway-reactjs

You can then import the library into your React component and use the provided components to add payment functionality to your application.

Example:

import { PaymentLink } from 'sonic-payment-gateway-reactjs';

function MyComponent() {
  return (
    <PaymentLink
      amount={100}
      currency="USD"
      successUrl="https://mywebsite.com/success"
      cancelUrl="https://mywebsite.com/cancel"
    />
  );
}

You can find more information and documentation on using the Sonic Payment Gateway ReactJs library in our Github repository.

Mobile

• Hybrid

• Sonic Payment Gateway Flutter - The Official Sonic Payment Gateway flutter SDK

• Sonic Payment Gateway React Native - The official Sonic Payment Gateway react native SDK

• Native

• Sonic Payment Gateway IOS - The Official Sonic Payment Gateway IOS SDK

• Sonic Payment Gateway Android - The official Sonic Payment Gateway Android SDK

Similarly, for mobile apps, we have SDKs available for flutter, react native, IOS and android platforms that allows you to easily integrate our payment gateway into your mobile app. You can find more information and documentation for these SDKs in our Github repository.

You can find more information and documentation for these libraries in our Github repository and developer documentation.