Skip to main content

TON Connect SDKs

SDK List

info

We recommend using the @tonconnect/ui-react kit for your DApps. Only switch to lower levels of the SDK or reimplement your protocol version if your product requires it.

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

TON Connect React

@tonconnect/ui-react is a React UI kit for the TON Connect SDK. Use it to connect your app to TON wallets via the TON Connect 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 the following main packages:

TON Connect UI

TON Connect UI is a UI kit for TON Connect SDK. Use it to connect your app to TON wallets via the TON Connect protocol. It allows you to integrate TON Connect into your app more efficiently using our UI elements, such as the 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 and unify the user experience (UX) for TON application users.

Developers can easily integrate TON Connect with apps using simple UI elements such as the connect wallet button, select wallet dialog, and confirmation modals. Here are three primary 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 DApp above: 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 are applications that don’t use predetermined frameworks.

TON Connect SDK

The TON Connect SDK is the lowest level of the three frameworks that help developers integrate TON Connect into their applications. It primarily connects apps to TON wallet apps via the TON Connect protocol.

TON Connect protocol models

This package contains protocol requests, protocol responses, event models, and encoding and decoding functions. Developers may use this to integrate TON Connect to wallet apps written in TypeScript. In order to integrate TON Connect into a DApp, use the @tonconnect/sdk.

TON Connect Vue

TON Connect UI Vue is a Vue UI kit for the TON Connect SDK. Use it to connect your app to TON wallets via the TON Connect 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 analog of the @tonconnect/sdk library.

Use it to connect your app to TON wallets via the TON Connect 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. analog of the @tonconnect/sdk library.

Use it to connect your app to TON wallets via the TON Connect protocol.

 $ dart pub add darttonconnect

TON Connect C#

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

Use it to connect your app to TON wallets via the TON Connect protocol.

 $ dotnet add package TonSdk.Connect

TON Connect Unity

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

Use it to integrate the TON Connect protocol with your game.

TON Connect Go

Go SDK for TON Connect 2.0.

Use it to connect your app to TON wallets via the TON Connect protocol.

 go get github.com/cameo-engineering/tonconnect

General questions and concerns

If you encounter any additional issues during the implementation of TON Connect, contact developers with GitHub issues.

See also

Was this article useful?