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 contents the list of useful libraries for TON Connect.

TON Connect React​

TonConnect UI React is a React UI kit for 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 DAppbrowser: GitHub
  • Example of a backend partition of the DAppabove: GitHub
  • Bridge server using Go: GitHub

This kit will simplify the implementation of TON Connect in apps built for 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 DAppthe @tonconnect/sdk should be used.

TON Connect Vue​

TonConnect UI Vue is a Vue UI kit for 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. 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. 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 TonConnect protocol with your game.

See Also​