UI components
The React SDK provides a set of components that provide convenient utilities for your application.
They make it easy for you to do common tasks such as:
- Connect wallets to your application
- Call functions on your smart contract
- Utilize the unlocked features of your extensions
- Render NFTs with the correct element for the metadata
Below is a list of the components that are available in the SDK.


Name | Description |
---|---|
Connect Wallet Button | Allow users to connect their wallets to your website. |
Web3 Button | Call functions on your smart contract. |
NFT Media Renderer | Fetch the media of an NFT metadata and render the correct HTML element. |
IPFS Media Renderer | Fetch and render any IPFS URL and render the correct HTML element. |
Resources
Below are some helpful resources to get you started with UI components.