Overview

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.

Token Transfer

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

📘
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:

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 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

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