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.
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
Token Transfer
In this flow, the application prompts the user to transfer a token from their wallet to a different destination.

Token Transfer
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:
- 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.
- 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.
- 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 Type | Description | UI Flexibility | Blockchains | ClientID |
---|---|---|---|---|
Native | A 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 chains | Required |
Ethers.js | A JavaScript library used for interacting with the EVM blockchains. It provides a wide range of functionality for developers to build decentralized applications | 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 chains | Required |
Wagmi | A 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 chains | Required |
Web3-React | A 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 chains | Required |
Web3Modal | Web3Modal is a library that simplifies the process of connecting to different wallet providers using standard protocols like WalletConnect | When 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 chains | Not required |
Updated 6 days ago