Orrery
an AI platform console that moves as one product
Orrery is a ten-screen admin console for an AI API platform, built for teams who need a ready front end for a developer dashboard. It covers a sign-in screen plus Overview, Playground, Logs, Usage, API keys, Models, Billing, Team and Settings, switched by a sidebar whose highlight pill glides to the active link. The Playground streams a reply at the chosen model's speed, then the request shows up in the log, today's counters and the bill. Logs take new requests at the top live, and clicking a row opens its trace in a side panel. The models catalogue re-sorts with a Flip animation when you filter it, and the usage chart stacks spend, tokens or requests by model. A command palette opens with Cmd or Ctrl+K, and G followed by a letter jumps between pages. All data is sample data generated in js/data.js with no backend, so you connect your own API there. Logs, usage and invoices download as real CSV files. Light, dark and system themes and four accent colours are set in Settings and remembered in the browser. On phones the sidebar becomes a drawer, and reduced-motion settings are respected. Charts are hand-built SVG you can read with the arrow keys. Built with plain HTML, CSS and JavaScript plus GSAP, with Vite included for dev and build.
$29.25 — one-time price, free updates
Built with vanilla, css, svg, gsap.