Skip to content
GetUrUI

Orbit Markets

NewTemplateApp UI6 screens

A compact prediction-market app for Orbit, a fictional product: category filters and a featured slider, market cards with chance gauges and Yes/No odds bars, a market page with an outcome-history chart and a trading ticket with simulated fills, plus portfolio P/L, a bump-chart leaderboard, liquidity rewards and a wallet profile. Clearly labelled as a demo with no real money.

Get this template

A self-contained Next.js project. One-time purchase, lifetime updates for this template, source yours to deploy.

$99

Or get every template with Lifetime

By continuing you agree to the Terms and the License. You ask for access to the digital content straight away and acknowledge that you lose your 14-day right of withdrawal once you download or install a paid item; our Refund policy still applies.

Included free with Pro Lifetime ($179) — compare plans.

Open

What is this?

Orbit Markets is a dense, clickable prediction-market interface for a fictional product. Six screens share a compact top bar, a mobile tab bar and one external store: browse binary and multi-outcome markets, read odds history, place Buy or Sell orders that fill instantly and nudge the odds, then watch positions, the leaderboard and liquidity rewards update. A banner on every screen reads "Demo market — no real money"; markets, traders, fills and the live trade tape are all simulated.

Who is it for?

Founders and designers exploring forecasting, polling or community-markets products who need a convincing, interactive prototype — and front-end teams who want a trading-ticket, odds-chart and leaderboard pattern library to adapt to their own backend.

What you get

Everything needed to make it yours.

Markets that feel alive

Category chips with a sliding pill, search, sort tabs, a swipeable featured carousel and cards whose chance gauges and odds bars spring to new prices after every trade.

A full trading ticket

Buy or Sell, outcome and Yes/No pickers, amount presets, average price, shares, payout and return, then a simulated fill with a toast. On mobile a sticky trade bar opens it in a bottom sheet.

Outcome history you can read

Multi-line odds charts with 1D–All ranges, a crosshair that reports every outcome at once and arrow-key stepping for keyboard users.

Portfolio and profile

Account value with rolling numbers, positions with avg → now prices and P/L, trade history, and a wallet profile with copy address and a trading-days heat calendar.

Leaderboard and rewards

A podium, a bump chart of weekly ranks, rank-trajectory sparklines per trader, plus liquidity rewards with a daily cap ring, season progress, tiers and a claim flow.

Honest by design

Labelled as a demo on every screen, Yes and No always spelled out alongside colour, keyboard accessible, reduced-motion safe and themed for light and dark. Deep-link screens with ?screen=.

Screens & sections

  • Markets with categories, search and featured slider
  • Market detail with outcome chart and trading ticket
  • Portfolio with positions and P/L
  • Leaderboard with podium and bump chart
  • Liquidity rewards
  • Wallet profile with activity

Stack

Next.jsReact 19Tailwind CSS 4Motion

17 source files · GetUrUI components bundled

motion, lucide-react, clsx, tailwind-merge

More templates