Simplifying cross-chain UX: Meet TFM’s Widget, SDK and API for interchain app developers

TFM.com
Interchain Ecosystem Blog
6 min readAug 8, 2023

--

From stkATOM on Persistence to ASTRO on Neutron in 1-click

Appchains are great. The interchain is home to over 50+ purpose-specific application chains, each of which attempts to provide the best functionality and user experience for their specific use-case.

What’s not great, is the user experience (UX) for navigating across these chains. While the interchain’s IBC protocol ensures transferring tokens are fast, secure and cheap, the process of actually moving and swapping tokens across chains is not seamless.

To solve this interchain UX problem, TFM introduced IBC Swap last month — a single, simple interface that allows users to transfer and swap their tokens across 4 different chains — with just 1 click!

This was great. TFM.com users now had a simpler way to use the interchain. But we weren’t happy with that.

And so, today, we unveil 3 ways for every dApp, chain and user interface developers in the interchain to deploy this new seamless user experience easily.

The TFM IBC Widget, SDK, and API together form a cohesive suite of tools that equip developers with everything they need to build groundbreaking decentralized applications. Whether you prefer a ready-made widget, a feature-rich SDK, or a versatile API, TFM offers a solution tailored to your needs.

Read on for more information about each of these developer offerings, or if you’re ready, dive into the docs now.

If you are an interchain user and just want to use IBC Swap and Transfers, head on over to tfm.com

Introducing the TFM IBC Widget: A Game-Changer for Cross-Chain Transactions

TFM Widget can be used to deploy our seamless interchain UX within minutes. Developers can customize the widget to match their website, giving users the required functionality while keeping the look and feel of the site consistent.

The widget is available in multiple options: IBC Swap, IBC Transfer or both. This provides maximum flexibility for speedy implementation. Developers can freely integrate both or either of them based on their ideas.

IBC Swap: The Magic of One-Click Swaps

The IBC Swap component of the widget allows developers to offer users the ability to swap any token for any other token across various chains. What’s exciting here is the choice between two modes: Turbo and Saving.

  • Turbo Mode: Picture this: a one-click, hassle-free swapping experience where everything is handled behind the scenes. That’s Turbo Mode for you. One-click, and the widget and TFM’s router do the rest!
  • Saving Mode: For those who like to have a little more control, Saving Mode might be your choice. While it requires more clicks, users may save some of the token amounts. It’s all about choice and flexibility.

IBC Transfer: Making Cross-Chain Transfers a Breeze

With IBC Transfer, the widget allows direct token transfers from one chain to another. With support for most existing chains and any token, it’s a versatile tool for developers aiming to streamline the transfer process.

IBC Swap and IBC Transfer widgets

Why Integrate the TFM IBC Widget?

Here’s why developers are falling in love with this widget:

  1. Time Saver: Forget spending hours crafting a UI for cross-chain transactions. The widget is ready to go.
  2. Tailor-Made Solutions: Swap and transfer, dark and light themes, and customization that meets your dApp’s unique needs.
  3. Access to a Comprehensive Guide: The full documentation is always there, just a click away, should you need more details or support.

The TFM IBC widget is more than just a functional tool; it’s a customizable, user-friendly, and time-saving solution for anyone looking to enrich their dApp with cross-chain transaction capabilities. Whether you want the simplicity of Turbo Mode or the hands-on control of Saving Mode, the widget offers something for everyone.

Interested in trying it out? Head over to the official documentation and see how to integrate the TFM IBC widget into your next project.

TFM SDK: A Developer’s Toolkit for Effortless DEX Aggregation, Token Pricing, and Cross-Chain Integration

TFM SDK is a comprehensive set of utility classes designed to empower developers with seamless access to token pricing, decentralized exchange (DEX) aggregation, and Inter-Blockchain Communication (IBC) swap and transfer functionalities.

The SDK enables developers to interact with the underlying appchain networks effortlessly. By leveraging TFM SDK, developers can streamline the development process and focus on building innovative DeFi applications without getting tangled in complex protocols.

Providing powerful tooling while abstracting away complexity for both end users and developers has been our aim as we have built our latest suite of products.

TFM SDK facilitates faster dApp development

With TFM SDK, developers can easily integrate powerful features into their applications, allowing users to access token pricing data, perform efficient trades across various DEXs, and execute secure cross-chain transfers and swaps.

For developers who want to explore and better understand the available functionality, TFM SDK offers a collection of examples in the repository. Check out these examples if you encounter any issues while working with the SDK. They provide hands-on demonstrations of how to use the SDK’s capabilities effectively.

https://github.com/tfm-com/tfm-sdk/tree/main/examples/sdk.ts

Why choose TFM SDK?

TFM SDK does the legwork so developers can focus on building dApps their way. Developers can build dApps using some, or all, of the following functionalities:

  • Complete token pricing data (native token or IBC)
  • DEX Aggregation
  • Cross-chain transfers
  • Cross-chain swaps

TFM SDK allows developers to use both Typescript and Python. This makes it straightforward to integrate into any application: backend, frontend, or Web app.

For detailed information and comprehensive guidance on using TFM SDK, developers can refer to the full documentation. This resource-rich documentation offers in-depth explanations, usage examples, and best practices, ensuring that developers can maximize the potential of TFM SDK to create cutting-edge blockchain-based solutions.

https://docs.tfm.com/dev-docs/sdk

Key Features of TFM SDK

IBC

The IBC module within the SDK offers a comprehensive set of functionalities for facilitating cross-chain operations. This module seamlessly facilitates transactions between multiple chains, enabling smooth interoperability across various appchain networks.

It is designed to be highly customizable, offering numerous options to tailor the input and output of operations according to specific needs. Whether you are performing IBC transfers or swaps, the module allows you to choose whether to return the route, message (msg), or both the message and route simultaneously, based on your application’s requirements.

DEX Aggregator

The library offers the DEX aggregator module, which allows effortless integration of the TFM DEX aggregator into dapps. The SDK seamlessly connects with TFM’s API, handling the intricate exchange processes in the background. As a result, developers can avoid the burden of manually implementing these functionalities, saving time and effort.

Price

While other solutions might provide pricing data from various sources, the TFM library offers a distinctive advantage. It not only enables you to obtain pricing data from diverse channels but also supports pricing retrieval for Inter-Blockchain Communication (IBC) tokens. With this feature, you can effortlessly obtain the price for any IBC token by specifying the destination chain. The integration of this powerful feature enhances the capabilities of your decentralized applications significantly, relieving you of any complexities related to pricing retrieval.

TFM API: Unleashing the Power of Cross-Chain Interactions

For developers looking to take control over the core functionalities without the UI(Widget) or SDK, TFM also provides a robust API. This API is designed to work hand-in-hand with the TFM SDK and provides a programmable interface to access all the features offered by the TFM ecosystem.

Why Choose TFM API?

  • Seamless Integration: Easily integrate the API into existing systems and workflows.
  • Full Access to Core Functionalities: Get programmatic access to token pricing, DEX aggregation, cross-chain transfers, and swaps.
  • Language Support: Compatible with various programming languages, ensuring flexibility in development.

Key Features of the TFM API

  • IBC Integration: Facilitates cross-chain operations with customization options.
  • DEX Aggregator Access: Connect with TFM’s DEX aggregator for streamlined exchange processes.
  • Price Retrieval: Obtain pricing data for both native and IBC tokens.

Getting Started with the TFM API

The API is designed to be developer-friendly, with comprehensive documentation that includes detailed explanations, usage examples, and best practices.

Access the API Documentation: https://docs.tfm.com/dev-docs/api

Integration Guide: Step-by-step guide to integrating the TFM API into your project can be found here.

The TFM IBC Widget, SDK, and API together form a cohesive suite of tools that equip developers with everything they need to build groundbreaking decentralized applications. Whether you prefer a ready-made widget, a feature-rich SDK, or a versatile API, TFM offers a solution tailored to your needs.

Want to take the next step in building the future of DeFi? Explore our official documentation and join the revolution today!

https://docs.tfm.com

--

--