Drop-in React components
for prediction markets.
Market cards, orderbooks, charts, and feeds wired to Kalshi's live API. SSR-ready. Theme-aware. npm install @kalshi-kit/react
Recent tradesSidePriceSizeTime
Search and filter live markets
MarketSearch debounces input and queries /markets. CategoryFilter is a controlled pill row. Pick a result and the hero re-renders to it.
Multi-outcome markets, one fetch
Some markets have many possible outcomes. Render the event header and a ranked list of every option, side by side, from a single fetch.
Three lines and you're rendering live markets
No API key for public data. The Next.js helper proxies /api/kalshi/* on the server so the browser never crosses origins.
1. install
npm install @kalshi-kit/react @kalshi-kit/next
2. wrap your next.config
import { withKalshi } from "@kalshi-kit/next";export default withKalshi();
3. drop in a component
import { MarketCard } from "@kalshi-kit/react";import "@kalshi-kit/react/styles.css";export default function Page() {return <MarketCard ticker="KXNBA-26MAY15DETCLE" />;}
https://kalshi-kit.dev/share/m/KXNFLAFCCHAMP-27-CIN