Skip to main content

TON Connect SDKs

SDK List

info

If possible, it is recommended to use the @tonconnect/ui-react kit for your dApps. Only switch to lower levels of the SDK or reimplement your version of the protocol if it is really necessary for your product.

This page contains the list of useful libraries for TON Connect.

TON Connect React

TonConnect UI React is a React UI kit for the TonConnect SDK. Use it to connect your app to TON wallets via TonConnect protocol in React apps.

  • Example of a DApp with @tonconnect/ui-react: GitHub
  • Example of deployed demo-dapp-with-react-ui: GitHub
npm i @tonconnect/ui-react

TON Connect JS SDK

The TON Connect repository contains following main packages:

TON Connect UI

TonConnect UI is a UI kit for TonConnect SDK. Use it to connect your app to TON wallets via TonConnect protocol. It allows you to integrate TonConnect to your app easier using our UI elements such as "connect wallet button", "select wallet dialog" and confirmation modals.

npm i @tonconnect/ui

The TON Connect User Interface (UI) is a framework that allows developers to improve the user experience (UX) for application users.

TON Connect can easily be integrated with apps using simple UI elements such as the "connect wallet button", "select wallet dialog" and confirmation modals. Here are three main examples of how TON Connect improves UX in apps:

  • Example of app functionality in the DApp browser: GitHub
  • Example of a backend partition of the DAppabove: GitHub
  • Bridge server using Go: GitHub

This kit simplifies the implementation of TON Connect in apps built for the TON Blockchain. Standard frontend frameworks are supported, as well as applications that don’t use predetermined frameworks.

TON Connect SDK

The most low-level of the three frameworks that helps developers integrate TON Connect into their applications is the TON Connect SDK. It is primarily used to connect apps to TON Wallets via the TON Connect protocol.

TON Connect protocol models

This package contains protocol requests, protocol responses, event models and encoding and decoding functions. It can be used to integrate TON Connect to wallet apps written in TypeScript. In order to integrate TON Connect into a DApp, the @tonconnect/sdk should be used.

TON Connect Vue

TonConnect UI Vue is a Vue UI kit for the TonConnect SDK. Use it to connect your app to TON wallets via TonConnect protocol in Vue apps.

  • Example of a DApp with @townsquarelabs/ui-vue: GitHub
  • Example of deployed demo-dapp-with-vue-ui: GitHub
npm i @townsquarelabs/ui-vue

TON Connect Python

pytonconnect

Python SDK for TON Connect 2.0. An analogue of the @tonconnect/sdk library.

Use it to connect your app to TON wallets via TonConnect protocol.

pip3 install pytonconnect

ClickoTON-Foundation tonconnect

Library for connecting TON Connect to Python apps

git clone https://github.com/ClickoTON-Foundation/tonconnect.git
pip install -e tonconnect

GitHub

TON Connect Dart

Dart SDK for TON Connect 2.0. Analogue of the @tonconnect/sdk library.

Use it to connect your app to TON wallets via TonConnect protocol.

 $ dart pub add darttonconnect

TON Connect C#

C# SDK for TON Connect 2.0. An analogue of the @tonconnect/sdk library.

Use it to connect your app to TON wallets via TonConnect protocol.

 $ dotnet add package TonSdk.Connect

TON Connect Go

Go SDK for TON Connect 2.0.

Use it to connect your app to TON wallets via TonConnect protocol.

 go get github.com/cameo-engineering/tonconnect

General Questions and Concerns

If any of our developers or community members encounter any additional issues during the implementation of TON Connect 2.0, please contact the Tonkeeper developer channel.

If you experience any additional issues, or would like to present a proposal on how to improve TON Connect 2.0, please contact us directly through the appropriate GitHub directory.

TON Connect Unity

Unity asset for TON Connect 2.0. Uses continuation-team/TonSdk.NET/tree/main/TonSDK.Connect.

Use it to integrate the TonConnect protocol with your game.

See Also