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 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"
  />
}

Next

Learn more about Sort React components.