Loading
Add live, tradeable prediction markets to any website with a single line of code.
Generate embed code from your dashboard and add prediction markets to any website
Every market has a unique embed URL. Find it in your dashboard or construct it:
https://predictkit.io/embed/MARKET_ADDRESSCopy this code and paste it into your HTML:
<iframe
src="https://predictkit.io/embed/MARKET_ADDRESS"
width="400"
height="500"
frameborder="0"
allow="clipboard-write"
></iframe>Add query parameters to customize the widget:
themelight | darkWidget color themehideHeadertrue | falseHide branding headercompacttrue | falseUse compact layout<iframe
src="https://predictkit.io/embed/0x04Ed8E032b643d9F34DC60EeD2a10eD28e101833"
width="400"
height="500"
frameborder="0"
allow="clipboard-write"
></iframe>For React apps, use the @predictkit/react package:
npm install @predictkit/reactimport { EmbeddedMarket } from '@predictkit/react';
function App() {
return (
<EmbeddedMarket
marketAddress="0x..."
theme="light"
width={400}
height={500}
/>
);
}