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‑level packages (such as @tonconnect/ui or @tonconnect/sdk) or implement the protocol yourself 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 through the TON Connect protocol in React.

  • Example of a DApp with @tonconnect/ui-react: GitHub
  • Example of deployed demo-dapp-with-react-ui: Live demo
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 UI kit 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 related resources and examples:

  • Example of app functionality in the DApp browser: Live demo
  • Example of the backend part for the DApp above: GitHub
  • Example of a bridge server using Go: GitHub

This kit simplifies the implementation of TON Connect in apps built for TON Blockchain. Standard frontend frameworks are supported, as well as applications built without specific frameworks.

TON Connect SDK​

The TON Connect SDK is the middle layer between the UI kit and the protocol models that helps developers integrate TON Connect into their applications. It primarily connects apps to wallets through 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 into wallet apps written in TypeScript. In order to integrate TON Connect into a DApp, use the @tonconnect/sdk.

General Questions and Concerns​

If you encounter any additional issues during the implementation of TON Connect, open an issue on GitHub.

See also​

Was this article useful?