Skip to main content

Introduction

MyTonSwap Widget GitHub package.json version GitHub last commit GitHub Actions Workflow Status NPM Downloads GitHub License

🌐 Demo & Preview : https://widget.mytonswap.com​

👨‍💻 Code Example : HTML, React, Vue​

MyTonSwap Widget Documentation

Welcome to the MyTonSwap Widget—your ultimate solution for integrating the MyTonSwap DEX aggregator directly into your web application. The MyTonSwap Widget provides a seamless and user-friendly interface for swapping tokens on the TON blockchain, while leveraging the best available rates from multiple decentralized exchanges (DEXs).

Why Choose MyTonSwap Widget?​

The MyTonSwap Widget is designed to simplify the integration process and enhance the user experience. With powerful features and a customizable interface, it enables you to offer token swapping capabilities effortlessly, without the need for complex backend logic.

Key Features​

  • Best Swap Rates: Aggregates liquidity from multiple DEXs on the TON blockchain, automatically finding the most favorable rates for token swaps.
  • Customizable UI: Easily adapt the widget's appearance to align with your application's branding using custom styles and configurations.
  • Framework Agnostic: Compatible with React, Vue, Angular, and plain HTML/JavaScript—integrate the widget no matter what framework you use.
  • Mobile-Optimized: A responsive design ensures smooth and consistent user experiences on both desktop and mobile devices.
  • Flexible Token Management: Set default pay and receive tokens, pin custom tokens, and provide detailed token information for better user navigation.
  • Built-in Wallet Integration: Supports popular TON wallets via TonConnect, offering hassle-free wallet connection and disconnection.
  • Analytics and Partner Tracking: Utilize the app_id feature for partner identification and gain insights into user activity with enhanced analytics support.

Quick Start​

Get started with the MyTonSwap Widget in just a few steps:

  1. Install the Package: Add the widget to your project using npm or yarn.
  2. Import and Configure: Use the createSwap function to set up the widget with your desired settings.
  3. Customize: Tailor the widget’s look and feel with custom styles and parameters.

For detailed integration steps, please refer to our Getting Started Guide.

Need Help?​

If you encounter any issues or need support, please visit our GitHub Issues page or reach out to the community.

© 2024 MyTonSwap. All rights reserved.