Overview

The widget explained.

Venly Widget is a powerful javascript SDK meticulously crafted to streamline common blockchain tasks. Its purpose is to enable functionalities that would otherwise be restricted due to security implications, such as creating signatures. By encapsulating Venly's extensive capabilities within a user-friendly JavaScript layer, Venly Widget effortlessly empowers developers and simplifies the development process.

๐Ÿ“˜

If you are new to Web3 and don't have experience with blockchain technologies, we recommend you use the Venly Widget natively for a better developer experience.

Look and feel

As the Widget is a product that incorporates a user interface (UI), let's take a closer look at how some of the more regular flows would appear for an end user.

NFT Transfer

In this flow, the application prompts the user to transfer an NFT from their wallet to a different destination.

NFT Transfer

NFT Transfer

Token Transfer

In this flow, the application prompts the user to transfer a token from their wallet to a different destination.

Token Transfer

Token Transfer

๐Ÿ“˜

Click here to read about Venly's Widget integration as a segregated model.

Different integration options

There are multiple integration options available to incorporate the Venly Widget into your application. Here is a brief overview of some of these options:

  1. Native Integration with Venly SDK: This approach involves utilizing the Venly SDK directly within your application's codebase. It allows you to access the full functionality of the Venly Widget and customize its behavior according to your requirements.
  2. Ethers.js Integration: You can integrate the Venly Widget with your application using the popular Ethers.js library. This involves utilizing the Ethers.js API to interact with the Venly Widget and manage user wallets, transactions, and other blockchain-related operations.
  3. Web3Modal Integration (WalletConnect): Web3Modal is a library that simplifies the process of connecting to different wallet providers using standard protocols like WalletConnect. By integrating Web3Modal and WalletConnect, you can enable users to interact with the Venly Widget and connect their wallets to your application seamlessly.

These are just a few examples of integration options available to incorporate the Venly Widget into your application. The choice of integration method depends on your specific requirements, preferences, and the existing infrastructure of your application.

Integration Differences

Integration Differences

Integration TypeDescriptionUI FlexibilityBlockchainsClientID
NativeA JavaScript SDK that seamlessly integrates with various API functionalities, empowering users to effortlessly execute diverse blockchain operations.The Widget delivers pre-designed screens specifically tailored for end users, offering a ready-to-use solution. These screens are not customizable, ensuring consistency and simplicity in the user experience.All supported chainsRequired
Ethers.jsA JavaScript library used for interacting with the EVM blockchains. It provides a wide range of functionality for developers to build decentralized applicationsThis integration ensures that the Widget is invoked when needed, allowing users to conveniently and securely perform the required actions within the context of your application.Only EVM chainsRequired
WagmiA collection of React Hooks containing everything to work with EVMs.This integration ensures that the Widget is invoked when needed, allowing users to conveniently and securely perform the required actions within the context of your application.Only EVM chainsRequired
Web3-ReactA JavaScript SDK, based on ethers.js.This integration ensures that the Widget is invoked when needed, allowing users to conveniently and securely perform the required actions within the context of your application.Only EVM chainsRequired
Web3ModalWeb3Modal is a library that simplifies the process of connecting to different wallet providers using standard protocols like WalletConnectWhen users opt to log in with Venly, the modal will initiate the Venly Widget upon various user actions, facilitating seamless integration between your application and the Venly platform.Only EVM chainsNot required

๐Ÿ‘

Ready to try out the Venly Widget? Click here to read the getting started guide.