Fastest-path routing
Each call races the healthiest region and provider, decided per request.
A complete launch site for a developer platform in the Linear/Vercel register: a nav that morphs into a command palette, a hero on a routing lattice of light, a trace console, beams that deliver, a circuit of features, pricing lit by a usage slider, a WebGL light-cone call to action and a horizon-lit footer.
This is a viberdy Pro component
The live preview, the props panel and the write-up are open to everyone. The full source, the AI prompt and CLI install are part of Pro.
Oraxis routes inference across 41 regions and 12 model providers, picks the quickest healthy path for each call, and shows you every hop.
Trace console
Open any request and see where its time went: edge, router, cache, provider, stream.
Requests · last 60s
req_8f2a·POST /v1/chat
200 · 249 ms
Integrations
Requests arrive from your app, your agents and your jobs. Oraxis answers from the right model and writes every hop to your traces.
Your app
TypeScript SDK
Agents
tool calls
Batch jobs
queue
Model providers
12 connected
Vector store
pgvector
Traces
OpenTelemetry
Platform
One router in front of every model you use, with the parts you would otherwise build yourself.
Each call races the healthiest region and provider, decided per request.
When a provider stalls, the request moves mid-flight. Your users never see it.
Near-duplicate prompts answer from cache in single-digit milliseconds.
Each release runs your eval suite before it takes traffic.
Budgets per key, per team and per model, enforced at the edge.
Every hop, token and retry, searchable for 30 days.
Pricing
Drag to your monthly volume. Prices update as you go, and the plan that fits lights up.
Requests a month
Drag, or use the arrow keys
For side projects and first prototypes.
Over its limit
For products with real traffic.
$23a month
For teams routing at volume.
$400a month
Over a billion a month, or on your own cloud? Talk to us →
One key, every model. Free up to a million requests a month.
"use client";
import { createContext, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, FormEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";
/**
* DarkPrecisionSite — the launch site of an AI routing platform, set in the
* Dark Precision register: OLED black, 1px hairlines, and light as the only
* ornament. Every light answers the pointer, and each view has one source.
*
* - A nav pill that morphs into a command palette (Cmd/Ctrl + K), and back.
* - A hero on a routing lattice: light pulses run the hairlines into the
* call to action, the lattice lights up under the pointer, and the
* headline is revealed once by a scanning light.
* - A trace console on a pointer-lit card: pick a request, read its hops.
* - Integrations joined to the core by beams that deliver: a pulse leaves a
* source, the core lights, the response goes out.
* - Features as nodes on a hairline circuit, with pulses running out of the
// ---------------------------------------------------------------
// Full source available with a viberdy Pro subscription.
// https://viberdy.dev/pricing
// ---------------------------------------------------------------
}A whole launch site for a developer platform, designed as one piece and then cut into the Dark Precision kit. The nav is a floating pill that grows into a command palette in place, on Cmd or Ctrl + K or from its search button, and shrinks back on Escape. The hero sits on a lattice of hairline traces routed in from the edges: pulses of light run them into the call to action and swell a halo beneath it, the traces light up under the pointer, and hovering the button pulls three times as many. The headline is revealed once by a scanning light. A trace console on a pointer-lit card lets visitors pick a request and read where its time went, under a heading lit by a slit of light that follows scroll. Integrations are joined to the router by beams that deliver: a pulse leaves a source, the router lights, the response goes out. Features sit on a circuit around a core, with pulses running out to each node and the hovered node's trace lit. Pricing follows a usage slider: every price rolls to its new digits and a light moves to the plan that costs least at that volume. The closing call sits on a WebGL dot matrix under a light cone that leans toward the pointer, with an API-key form that streams a short log. The footer's giant wordmark is lit from below by a horizon of light that tracks the pointer. Every figure, price and name lives in one typed content object, DP_DEMO, marked as placeholder. It scrolls the page by default, or itself inside a fixed-height frame. Before launch, wire the form's onSubscribe, the footer and legal links (demo hrefs are bare #) and replace the figures with your own.
Curator’s note
The Dark Precision kit, drop 4: the site the kit's assets are cut from. Pro: a full page composing every device of the kit (the routing lattice, the orbit light, the morphing palette, the delivering beams, the circuit, the fit light, the WebGL cone) around one typed, placeholder-marked content object.
Matched on shared tags and category — the entries most likely to be used alongside this one.
A first screen on a lattice of hairline traces where pulses of light run in from the edges and converge on the call to action, the traces light up under the pointer, and the headline is revealed by a scanning light.
A complete neo-brutalist landing page for a software product: a throwable card-pile hero, stamped feature table, customer quotes, punched changelog ledger, sticker pricing, FAQ and a hazard-tape footer.
A complete launch page from the Bento Box kit: keynote figures, product captures, proof, pricing and a footer set as tiles, broken once by a full-bleed race between two builds.