TON Connect SDKs
SDK List
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
- TON Connect JS SDK
- TON Connect Vue
- TON Connect Python SDK
- TON Connect Dart
- TON Connect C#
- TON Connect Unity
- TON Connect Go
TON Connect React
- @tonconnect/ui-react - TON Connect User Interface (UI) for React applications
@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:
- @tonconnect/ui - TON Connect User Interface (UI)
- @tonconnect/sdk - TON Connect SDK
- @tonconnect/protocol - TON Connect protocol specifications
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
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
- Step-by-step guide for building your first web client
- [YouTube] TON Smart Contracts | 10 | Telegram DApp[EN]
- Ton Connect Getting started
- Integration manual
- [YouTube] TON Dev Study TON Connect Protocol [RU]