9RouterX

Screenshots

Every screenshot below is taken from the current build (v1.0.0, the shadcn dashboard), served by the same binary that ships in releases. The instance they came from was seeded with fictional data only — providers named provider-a, provider-b, and provider-c, demo models, and demo API keys that are masked in every shot. Nothing here shows a real key, account, or upstream URL.

Each page was captured in dark and light themes, at desktop (1280px) and mobile (390px) widths. Click any image to open the file under docs/screenshots/.

Providers

Connect AI providers, browse the catalog, and manage custom OpenAI/Anthropic-compatible endpoints. Custom nodes show their connection state and protocol at a glance.

Providers — dark, desktop

Providers — light, desktop

Providers — dark, mobile

Providers — light, mobile

Endpoint & API keys

The endpoint your CLI tools point at, and the client keys they authenticate with.

Endpoint & key — dark, desktop

Endpoint & key — light, desktop

Endpoint & key — dark, mobile

Endpoint & key — light, mobile

The key list carries per-key governance — policies, usage, and lifecycle actions — directly in the table:

API key list — dark, desktop

Usage & analytics

Live KPIs, the tokens-over-time chart, and the provider topology map, all fed by the same usage ledger the budgets read.

Usage overview — dark, desktop

Usage overview — light, desktop

Usage overview — dark, mobile

Usage overview — light, mobile

Charts and trend views:

Usage charts — dark, desktop

Usage charts — light, desktop

Cache analytics

Prompt-cache hit rate, reuse ratio, and the hourly cache trend:

Cache analytics — dark, desktop

Cache analytics — light, desktop

Cache analytics — dark, mobile

Cache analytics — light, mobile

Request logs

Every recorded request, with latency, tokens, cost, and the full payload one click away:

Request details — dark, desktop

Request details — light, desktop

Request details — dark, mobile

Request details — light, mobile

Settings

Runtime storage, session security, SSO, routing strategy, retention, branding, and display preferences:

Settings — dark, desktop

Settings — light, desktop

Settings — dark, mobile

Settings — light, mobile