Getting Started with Sort
Easily include UI components based on a contract address
1. Visit a "Sponsored Contract" in Sort
When a contract is sponsored in Sort, all data and functionality for the contract is available to anyone to use, including executing the steps below.
It's free to sponsor a testnet contract, and there is a minimal charge for a mainnet contract.
Visit https://sort.xyz, search for the contract address, and click "Sponsor"
2. Install the Sort React components
npm install @sort/react-components
3. Copy this into your app
import { LatestTransactions } from "@sort/react-components";
export default function LatestTransactionsApp() {
return <LatestTransactions
contract_address="0x887f3909c14dabd9e9510128ca6cbb448e932d7f"
api_key="ec2fa3f2-7fdc-4342-9ebc-95f8b2bd7d21"
theme="dark"
blockchain="ethereum"
/>
}
3. That's it!
Next, learn more about Sort React components.
Updated 15 days ago