horn111/polymarket-ui-kit

Polymarket UI Kit is a collection of React components and data hooks for building interfaces that display Polymarket prediction market data. Polymarket is a platform where people trade on the outcomes of real-world events, and this kit gives you the pre-built building blocks to show that data in your own application without writing the display logic from scratch. The components cover the main surfaces you would need: market cards that show a question and its current probability, an order book panel showing buy and sell depth, price history charts, comment feeds, leaderboard tables, and social share cards you can generate as image exports. There are also components specifically for combo markets, which let users combine multiple predictions into a single position. The data hooks fetch live information from Polymarket's public API without requiring the user to sign in. You pass a market identifier to a hook and get back the current data, loading state, and error state in the familiar React pattern. The hooks support server-side rendering so pages can load with data already populated rather than waiting for a browser fetch. The kit is designed around a shadcn-style registry pattern, which means individual components can be copied directly into a project rather than imported from a package dependency. If you use shadcn in your project already, the copy-in workflow will feel natural. Importantly, this kit does not place trades or handle any authenticated operations. It is purely a display and intent layer. Builder code support is included so applications that do submit orders can show fee disclosures and attribute trades correctly, but the order submission itself stays in the host application. The project is still in prerelease. The live demo is deployed, local development works, but the npm package and hosted registry are listed as planned rather than live. Installation currently requires cloning the repository. The kit is MIT licensed. The full README is longer than what was shown.