TON Connect SDKs
SDK List
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
- 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 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:
- @tonconnect/ui - TON Connect User Interface (UI)
- @tonconnect/sdk - TON Connect SDK
- @tonconnect/protocol - TON Connect protocol specifications
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 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.